Question

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

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

//1

const Card = () => (..)

const App = () => {

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

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

//2

const App = () => {

const Card = () => (..)

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

Answer 1

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

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

render(){
  // ...

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

  // ...
}

反应原生 |钩子组件

1 个答案: