Reactjs 导航到FlatList中的项目并将整个项目发送到

我在平面列表中呈现了这些注释，我希望导航到点击的项目。如何使用导航发送整个项目，而不是执行

id={id}name={name}etc

，是否可以导航到该项目并将整个项目发送到视图

class MyNotes extends Component {
  render() {
    const { notes, navigate } = this.props;
    return (
      <View style={styles.view}>
        <FlatList
          numColons={notes.length}
          data={notes}
          renderItem={({ item: { id, name } }) => {
            return (
              <View>
                <Note
                  name={name}
                  id={id}
                  navigate={navigate}
                />
              </View>
            );
          }}
          keyExtractor={item => item.id}
        />
      </View>
    );
  }
}
export default Notes;

类MyNotes扩展组件{
render（）{
const{notes，navigate}=this.props；
返回(
{
返回(
);
}}
keyExtractor={item=>item.id}
/>
);
}
}
导出默认票据；

为注释项创建一个

onPress

处理程序，这样您就可以将注释项传递到视图中

renderItem={({ item }) => {
        return (
          <View>
            <Note
              name={item.name}
              id={item.id}
              navigate={navigate}
              onPress={() => navigate('Note', {...item})}
            />
          </View>
        );
      }}

renderItem={（{item}）=>{
返回(
导航（'Note'，{…item}）}
/>
);
}}

是的，您可以使用。所以在你的情况下，应该是

<Note {...item} />

I get，

找不到变量：item

，因为您在

renderItem

方法中正在销毁

item

。我正在更新我的答案