Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在呈现平面列表的组件中执行某些操作_Javascript_Reactjs_React Native - Fatal编程技术网

Javascript 在呈现平面列表的组件中执行某些操作

Javascript 在呈现平面列表的组件中执行某些操作,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我有一个Post组件,用于在平面列表中呈现Post。目前,该组件仅向平面列表呈现文本和图像,但在Post组件中,有一些按钮可以根据功能执行删除、打开新屏幕等操作,这些功能同样基于单击的平面列表中指定项的信息 我的app.js的一部分 deletePost = (author) => { alert("Deleted post by" + author) } renderItem = ({ item, index }) => { return (

我有一个Post组件,用于在平面列表中呈现Post。目前,该组件仅向平面列表呈现文本和图像,但在Post组件中,有一些按钮可以根据功能执行删除、打开新屏幕等操作,这些功能同样基于单击的平面列表中指定项的信息

我的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>
    )
  }
deletePost=(作者)=>{
警报(“由”+作者删除的帖子)
}
renderItem=({item,index})=>{
返回(
)
}
render(){
返回(
)
}
这是组件

const Post = (props) => {
  return (   
          <Text onPress={() => props.delete(props.author)}>
            <Icon />
          </Text>
  )
}
const Post=(道具)=>{
报税表(
props.delete(props.author)}>
)
}

这就是我被困的地方。我收到了警报,但作者被渲染为未定义。

希望它能帮助您。请按以下方式尝试:

renderItem = ({ item, index }) => {
  return (
    <Post
      author={item.user}
      delete={this.deletePost}
    />
  )
}

回答注释中指定的问题时,应将arg传递给函数,如:

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

你在问为什么在alert
author===undefined
或什么?@Papi是的,我如何将其设置为“项”。用户将参数传递给函数:)有关详细说明,请参阅我的答案。谢谢!解决了。不知道在哪里这么容易。“维蒙德,那么你应该考虑接受这个答案来关闭它。
deletePost = (author) => {
  alert("Deleted post by" + author)
}