Question

我正在使用react-native-highlight-words在我的本机应用程序中突出显示带有哈希标记的单词。它正确地突出显示了必需的单词，但是我也想使其可单击，而该库未提供该单词。表示当我单击import Highlighter from 'react-native-highlight-words'; export default class LikeComponent extends Component { constructor(props) { super(props); this.state = { highlightWordArray: [] }; } componentDidMount() { postText = this.props.postData.details; var regexp = new RegExp('#([^\\s]*)','g'); postText = postText.match(regexp); if(postText != null) { this.setState({highlightWordArray: postText}); } } render() { return ( <Highlighter highlightStyle={{color: 'red'}} searchWords={this.state.highlightWordArray} textToHighlight= {this.props.postData.details} /> )} }字词时，它会将我重定向到另一页。我已上传图片以供参考here。

我的代码

{{1}}

感谢您的帮助。谢谢。

Answer 1

您可以通过在file中提供附加的道具-onPress来分叉和修改库代码

<Text 
   onPress={props.onPress}
   key={index}
   style={chunk.highlight && highlightStyle}
>
  {text}
</Text>

，以后将其用作

<Highlighter
   ...// other props
   onPress={// your redirect instance}
/>

反应本地点击突出显示的单词

1 个答案: