反应原生 |钩子组件答案

【问题标题】：React Native | Hook Component反应原生 |钩子组件
【发布时间】：2021-06-08 17:21:32
【问题描述】：

假设我在 React native 中使用 hook 时为 FlatList 设计了一个组件。这; 1-在页面外定义更有意义要么 2- 是否高于回报？

这两个用户有什么区别吗？在什么情况下应该首选哪一个？

//1

const Card = () => (..)

const App = () => {

const RenderItem = () => ( <Card /> )

return(
    <FlatList
      ..
      renderItem={RenderItem}
    >
)}

//2

const App = () => {

const Card = () => (..)

return(
    <FlatList
      ..
      renderItem={Card}
    >
)}

【问题讨论】：

标签： react-native components hook

【解决方案1】：

我建议使用 2，因为 1 使用额外的方法返回相同的组件。我会用这种方式

const Card = ({ item }) => (<View key={item.key}></View>);

render(){
  // ...

  <FlatList
    data={items}
    renderItem={Card}
  />

  // ...
}

【讨论】：