javascript - 减少 React native 中的重复代码

Question

目前我正在做一个项目，我的一些代码块被重复了几次。由于一次又一次地重复相同的代码并不是最佳做法，因此我虽然在 render 函数之外创建了一个函数，并在需要时使用字符串值调用它。

例如:

getInfo(name,age,address)
{
   return (
      <View> 
        <Text> {name} </Text>
        <Text> {age} </Text>
        <Text> {address} </Text>
      </View>
   )
}

如上草图代码所示，我希望获得这样的返回。之后，我尝试使用 getInfo('adam',46,'UK') 简单地调用 render 中的函数。但似乎它不起作用。

问题

如何正确创建 getInfo 方法，该方法将返回带有给定字符串参数的 HTML 代码？以及如何在 render 函数中调用它？

更新

当我调用 render 中的函数时。它什么都不做。我只是调用了我展示的函数。

Answer 1

如果您想按照您说的去做，我找不到您的 getInfo 方法的问题。

所以，

getInfo(name,age,address)
{
   return (
      <View> 
         <Text> {name} </Text>
         <Text> {age} </Text>
         <Text> {address} </Text>
      </View>
    )
}

而且您不能简单地在 return 中调用函数。只需检查以下示例。

render()
{
   return (
      <View>
      {
        this.getInfo('adam',46,'UK')
      }
      </View>
  )
}

这会给你你所期望的。