javascript react-native-render-html组件的React-Native问题

ih99xse1  于 2023-06-20  发布在  Java
关注(0)|答案(1)|浏览(116)

我尝试使用react-native-render-html。
下面是我的组件:

import { memo, useEffect } from 'react'
import { Text, View } from 'react-native'
import RenderHTML from 'react-native-render-html'

function TokenDetail({ navigation, token }) {
  // console.log('tokenDetail token:', token?.name)

  const test = 'Hello World'

  useEffect(() => {
    navigation.setOptions({
      title: token.name
    })
  }, [])

  return (
    <View style={{ padding: 40 }}>
      <Text style={{ fontWeight: 600, paddingBottom: 20 }}>{token.symbol.toUpperCase()} - {token.name}</Text>
      <Text>{token.description.en}</Text>
      <RenderHTML source={token.description.en} />
    </View>
  )
}

export default memo(TokenDetail)

如果我用这个

<RenderHTML source={token.description.en} />

我得到一个错误:未提供源 prop 。但是token.description.en没关系,因为我在应用程序的文本字段中有结果。
如果我用这个

<RenderHTML source={test} />

我得到了一个新的错误:您应该始终通过prop传递contentWith。
但是如果我查看文档,它不是必需的,当我尝试时,编辑器中出现了一个新错误:/
请我想了解这一点。谢谢你。
我读了文档,用谷歌搜索,但我不明白这个问题。

xjreopfe

xjreopfe1#

如果你仍然有这个问题,我正在尝试实现相同的库。对我来说,问题是我将HTML字符串直接传递给source prop,而它应该是一个对象:

<RenderHTML source={{ html: yourHtmlString }} />

相关问题