Linkify elements using dangerouslySetInnerHTML

[pablolmiranda]

Sometimes we have a pure HTML text to parse and the links are not inside the tags. On these cases, we want to render the HTML using dangerouslySetInnerHTML and linkify the content.
Example:

<Linkify>
  <div>Take a look on the link: https://github.com/tasti/react-linkify</div>
  <div dangerouslySetInnerHTML={{ __html: '<div>Take a look on the link https://github.com/tasti/react-linkify</div>' }} />
</Linkify>

Please take a look on the Codesandbox example: https://codesandbox.io/s/DRlyjgNL6

On this example, the first div is correctly linkified but not the second. This PR tries to fix that.

Depends on #44

[anaumov]

Cool! Need this feature!

[Amitom]

Need it too ! Thx

[ironosity]

shouldn't this be children.props[prop]?

[ironosity]

maybe use { ...clonedProps, key: parse${++this.parseCounter} }, here and let babel handle it instead of Object.assign to avoid polyfill on IE11?

[ironosity]

I was trying this out today as I ran into same problem as you guys and @pablolmiranda it just doesn't work. Sure it turns links inside the dangerouslySetInnerHTML into links, but it breaks dangerouslySetInnerHTML all together such that html tags are now rendered to the page. I.E. if dangerouslySetInnerHTML={{ __html: '<p>some text and a link.com</p>' }} it will print

tags but link.com will be linkified