javascript - 在呈现平面列表的组件中执行操作

Question

我有一个 Post 组件，用于在 FlatList 中呈现帖子。现在该组件仅将文本和图像渲染到 Flatlist，但在 Post 组件中，有一些按钮可以根据指定的信息执行删除、打开新屏幕等操作单击的 FlatList 中的项目。

我的 app.js 的一部分

  deletePost = (author) => {
    alert("Deleted post by" + author)
  }
  renderItem = ({ item, index }) => {
    return (
      <Post
        author={item.user}
      />
    )
  }
  render() {
    return (
     <FlatList data={this.state.getData} renderItem={this.renderItem}>
     </FlatList>
    )
  }

这是组件

const Post = (props) => {
  return (   
          <Text onPress={() => props.delete(props.author)}>
            <Icon />
          </Text>
  )
}

这就是我卡住的地方。我收到警报，但作者呈现为未定义。

Answer 1

回答评论中指定的问题，您应该将 arg 传递给函数，例如:

deletePost = (author) => {
  alert("Deleted post by" + author)
}