Question

当前，我正在一个项目中，我的一些代码块被重复了几次。由于再次复制同一代码不是最佳实践，因此我尽管在onHandleIntent()函数之外创建一个函数，并在需要时使用字符串值进行调用。

例如：

render

如上面的草绘代码所示，我想获得这样的回报。之后，我尝试使用getInfo(name,age,address) { return ( <View> <Text> {name} </Text> <Text> {age} </Text> <Text> {address} </Text> </View> ) }简单地在render内部调用函数。但是似乎不起作用。

问题

如何正确创建getInfo('adam',46,'UK')方法，该方法将返回具有给定String参数的HTML代码？以及如何在getInfo函数中调用它？

更新

当我在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>
  )
}

这会给您您所期望的。

减少React本机中的重复代码

1 个答案: