反应本机 |钩子组件

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}
  />

  // ...
}

反应本机 |钩子组件

React Native | Hook Component

hook

components

react-native