パラメータ(FlatList内のデータ項目であるitem)を小道具内の矢印関数に渡そうとしています。Popoverはreact-native-ui-kitten要素です。私のコードを以下に示します。
function PostRenderItem({ item }){
const [deleting, setDelete] = useState(false);
//item is accessible at this point
return(
//item is accessible at this point
<Popover
visible={deleting}
anchor={(item) => {
return(
<Text>{item.content}</Text>
//item undefined at this point
)
}}>
<Button>Delete me!</Button>
</Popover>
)
};
ここでの問題はitem
、アンカープロップとして宣言された矢印関数内で定義されていないことです。ここでの適切な解決策は何ですか?
<Popover
visible={deleting}
anchor={() => (
<Text>{item.content}</Text> /** item is already declared in the upper-scope */
)}
/>
または
<Popover visible={deleting} anchor={() => renderContent(item)} />
const renderContent = item => <Text>{item.content}</Text>;
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加