react-native中条件渲染的最佳实践

Question

在有条件地在本机中渲染元素或组件时，我想对最佳实践提出一些建议。我的问题是，当条件不成立时，最好返回null还是只运行if条件？我知道，如果您返回null，那么生命周期方法仍将运行，但是我担心的是，如果我不返回任何东西，会不会产生影响或性能差异？

示例一

renderText(name) {
  if(name === 'Abba') {
    return <Text>{name}</Text>
  }
}

示例二

renderText(name) {
  if(name === 'Abba') {
    return <Text>{name}</Text>
  } else {
    return null
  }
}

Answer 1

我认为像这样的条件渲染可能更好。

renderText(name) {
  return (
    { name === 'Abby' &&
      <Text>
        {name}
      </Text>
    }
  )
}