reactjs - React-linkify 不会突出显示子组件的 url

Question

使用 React Linkify 突出显示 Linki 组件中的 URL @ https://stackblitz.com/edit/react-nlxodz 。我很好奇，想尝试一下这个包，结果偶然发现了一个问题:如果我们将一个组件作为 Linkify 的子组件包含在内，它不会突出显示该子组件的任何 URL。有没有可能的解决方案来突出显示子组件的文本？

Answer 1

只需用 linkify 包装你的子组件

const WontDisplay=()=>{
  return (
   <Linkify>
     <u><span> http://random.org</span></u>
   </Linkify>
  )
}