Javascript 在呈现平面列表的组件中执行某些操作
我有一个Post组件,用于在平面列表中呈现Post。目前,该组件仅向平面列表呈现文本和图像,但在Post组件中,有一些按钮可以根据功能执行删除、打开新屏幕等操作,这些功能同样基于单击的平面列表中指定项的信息 我的app.js的一部分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 (
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)
}