Pass rest props to DiscussionEmbed component.

[hsh2001]

Description

Pass rest props to DiscussionEmbed component.

Motivation and Context

Additional props can be added into DiscussionEmbed component. e.g.: props.children, props.className. but props.id will be ignored.

<Disqus.DiscussionEmbed 
  shortname="abc" 
  config={{}} 
  className="hello world" // added into div#disqus_thread tag.
  id="hmm..." // ignored.
>
  Loading... (Loading text, image or something else can be added!)
</Disqus.DiscussionEmbed>

How Has This Been Tested?

Not tested. However, there are no bug-prone changes and maybe there is no need for testing.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
  • I have updated the documentation accordingly.
• All new and existing tests passed.

[tterb]

@hsh2001 Thanks for the PR!
I tested this and can see a use-case for props.className, but it's worth noting that props.children will be ignored in this case along with anything else inside of #disqus_thread element.

[hsh2001]

Nice. Thank you 👍

But, Isn't there props.children contents before the script for the comment content is loaded? That's why I need these changes.

[tterb]

Yes, the props.children will exist in the element until the embed.js script is loaded, though the the script is loaded on componentDidMount so props.children will not usually be rendered.

[hsh2001]

Good! I thought it would be nice if there is content that informs the user that embed.js is loading before it is loaded. Because DiscussionEmbeded component is just white space before the script is loaded and it is not good for UI & UX.

However, thank you for merge!