Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React linkify不’;t突出显示子组件的URL_Reactjs - Fatal编程技术网

Reactjs React linkify不’;t突出显示子组件的URL

Reactjs React linkify不’;t突出显示子组件的URL,reactjs,Reactjs,使用React Linkify突出显示Linki组件@中的URL。我很好奇,想尝试一下这个包,偶然发现了一个问题,如果我们将组件作为Linkify的子组件,它将不会突出显示子组件的任何URL。是否有可能突出显示子组件文本的解决方案?只需使用linkify包装子组件即可 const WontDisplay=()=>{ return ( <Linkify> <u><span> http://random.org</span>&

使用React Linkify突出显示Linki组件@中的URL。我很好奇,想尝试一下这个包,偶然发现了一个问题,如果我们将组件作为Linkify的子组件,它将不会突出显示子组件的任何URL。是否有可能突出显示子组件文本的解决方案?

只需使用linkify包装子组件即可

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

但是,如果子级中有多个条件,则必须使用linkify包装所有条件。这似乎是目前唯一的解决办法。