如何将 React-Native 中的字符串更改为组件?

猴子费加罗

我有一个var str = '<Text> something </Text>',我可以把它渲染成一个组件吗?

我尝试了以下方法,但不起作用:(

var str = '<Text>test</Text>'
    render(){
        return(
            <Text>{str}</Text>
        )
   }

有没有办法做到这一点,类似于dangerouslySetInnerHTMLReact?

在我的项目中,我通过 fetch 获取 json 就像

{
   content:'<p>example</p>'
}

我想通过正则表达式将html元素p或其他元素替换Text等等,但结果是一个字符串。

我也尝试过,react-native-html-render但它的文档难以理解且性能不佳。

马特船尾

您可以创建一个函数,将您获得的响应的内部 html 转换为 RN Text 元素。

var str = '<p>something here</p>'

var convertToText = (response) => {
  var text = response.split(/[^A-Za-z]/).filter(x => x !== '').slice(1, -1).join(' ') //gives "something here";
  return <Text>text</Text>;
}

convertToText(str) === <Text>something here</Text>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

react-native 如何将功能组件更改为类组件

来自分类Dev

如何字符串到 React Native 组件

来自分类Dev

如何将Crisp SDK集成到React Native中

来自分类Dev

如何将React组件渲染为字符串

来自分类Dev

如何在React Native中更改子字符串样式

来自分类Dev

如何将React组件放在HTML字符串中?

来自分类Dev

如何将样式传递到React-Native中的容器组件

来自分类Dev

如何将绝对位置应用于 React Native 中的自定义组件?

来自分类Dev

如何将React中的localStorage代码转换为React Native中的AsyncStorage?

来自分类Dev

React Native - 如何将状态从组件传递给它的父组件

来自分类Dev

如何将道具传递给导航屏幕组件-React Native

来自分类Dev

如何将react-native-draggable-flatlist实现为功能组件而不是类?

来自分类Dev

React Native如何将this.setState更改传递给父级

来自分类Dev

每当道具更改时,如何将动画重置为react-native-animatable?

来自分类Dev

React-Native:如何将组件中的项目与另一个组件中的项目绑定?

来自分类Dev

React Native-如何将Firebase身份验证的用户会话从react-native应用程序保留到(react-native-webview)Webview组件?

来自分类Dev

如何将CSS应用于react-native-paper中<Card.Content>组件内的<Text>组件?

来自分类Dev

React-native中的ReadableMap接口如何将JS转换为JAVA?

来自分类Dev

如何将坐标数组映射到React Native Maps Markers中?

来自分类Dev

在React Native Navigation中,如何将道具发送到屏幕?

来自分类Dev

如何将Redux Toolkit的createSlice创建的Redux动作传递给React Native中的屏幕

来自分类Dev

如何将边框应用于 React Native 中的选定选项卡?

来自分类Dev

如何将 storeId 绑定到 React-Native 中的 onPress 事件?

来自分类Dev

如何将 Json 响应对象分配给 React Native 中的状态对象

来自分类Dev

当键盘在 React Native 中打开时如何将 TextInput 居中

来自分类Dev

如何将翻译后的字符串传递给react-jhipster中的另一个组件?

来自分类Dev

如何将父级中的字符串转换为 React 子组件的 proptype.number?

来自分类Dev

Reactjs如何将React组件插入字符串然后渲染

来自分类Dev

如何将字符串渲染为自定义的React组件?

Related 相关文章

  1. 1

    react-native 如何将功能组件更改为类组件

  2. 2

    如何字符串到 React Native 组件

  3. 3

    如何将Crisp SDK集成到React Native中

  4. 4

    如何将React组件渲染为字符串

  5. 5

    如何在React Native中更改子字符串样式

  6. 6

    如何将React组件放在HTML字符串中?

  7. 7

    如何将样式传递到React-Native中的容器组件

  8. 8

    如何将绝对位置应用于 React Native 中的自定义组件?

  9. 9

    如何将React中的localStorage代码转换为React Native中的AsyncStorage?

  10. 10

    React Native - 如何将状态从组件传递给它的父组件

  11. 11

    如何将道具传递给导航屏幕组件-React Native

  12. 12

    如何将react-native-draggable-flatlist实现为功能组件而不是类?

  13. 13

    React Native如何将this.setState更改传递给父级

  14. 14

    每当道具更改时,如何将动画重置为react-native-animatable?

  15. 15

    React-Native:如何将组件中的项目与另一个组件中的项目绑定?

  16. 16

    React Native-如何将Firebase身份验证的用户会话从react-native应用程序保留到(react-native-webview)Webview组件?

  17. 17

    如何将CSS应用于react-native-paper中<Card.Content>组件内的<Text>组件?

  18. 18

    React-native中的ReadableMap接口如何将JS转换为JAVA?

  19. 19

    如何将坐标数组映射到React Native Maps Markers中?

  20. 20

    在React Native Navigation中,如何将道具发送到屏幕?

  21. 21

    如何将Redux Toolkit的createSlice创建的Redux动作传递给React Native中的屏幕

  22. 22

    如何将边框应用于 React Native 中的选定选项卡?

  23. 23

    如何将 storeId 绑定到 React-Native 中的 onPress 事件?

  24. 24

    如何将 Json 响应对象分配给 React Native 中的状态对象

  25. 25

    当键盘在 React Native 中打开时如何将 TextInput 居中

  26. 26

    如何将翻译后的字符串传递给react-jhipster中的另一个组件?

  27. 27

    如何将父级中的字符串转换为 React 子组件的 proptype.number?

  28. 28

    Reactjs如何将React组件插入字符串然后渲染

  29. 29

    如何将字符串渲染为自定义的React组件?

热门标签

归档