小道具内の矢印関数内のパラメーターにアクセスできません(React Native)

user3408099

パラメータ(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]

編集
0

コメントを追加

0

関連記事

分類Dev

Navigation.push(wixからのreact Native Navigationのv2)を使用すると、宛先コンポーネントで小道具が取得されません。小道具にアクセスするにはどうすればよいですか?

分類Dev

React Native:関数内でthis.propsにアクセスします

分類Dev

Reactコンポーネント内の関数から小道具にアクセスできません

分類Dev

スタックナビゲーターをreact-nativeのredux-provider内にラップできませんでした

分類Dev

React Native:静的関数内のコンポーネント状態にアクセスします

分類Dev

React Native関数コンポーネント内の関数のパラメーターを渡すにはどうすればよいですか?

分類Dev

React Nativeの小道具、ref値はキーボードの非表示イベント内で定義されていませんか?

分類Dev

React Nativeの外部スタイルシートに小道具を渡しますか?

分類Dev

UseCallback内のパラメーターを持つ関数にアクセスできません

分類Dev

react-nativeのthis.handleChangeでイベントパラメーターを渡すことができません

分類Dev

react-Native:親コンポーネント内の子コンポーネント関数にアクセスします

分類Dev

React Native Navigation(ver4.x)がカスタムヘッダーコンポーネントで小道具を取得できません。未定義のエラーが発生し続ける

分類Dev

ESLintセミルールは、react-nativeでのクラス宣言の前にインポートステートメントに適用されません

分類Dev

メソッド内の小道具にアクセスできません

分類Dev

追加の小道具データをreact-native-draggable-flatlistのrenderItemに渡します

分類Dev

React Nativeは、Firebaseからループ内の複数のarrayitemを設定できません

分類Dev

React Nativeのカスタムビューでスタイルシートに小道具を渡す方法は?

分類Dev

矢印機能は機能ではありません。Arrayのインスタンスです。React-nativeフック

分類Dev

React Native:<TextInput>コンポーネント内のテキストの色を変更できません

分類Dev

React Native:小道具に関数を含むカスタムコンポーネント-最大呼び出しスタックサイズを超えました

分類Dev

React-Native:.jsonファイルのデータ配列からデータにアクセスするためのforループ内のthis.something.map ..誰かがサンプルコードの例を提案できますか?

分類Dev

.map関数react-native内でFlatListをループしてレンダリングできません

分類Dev

タブナビゲーター画面からスタックナビゲーター画面に移動しているときに、react-nativeでreact-navigationを使用してパラメーターを渡すことができません

分類Dev

_this2.setStateはreact-nativeの関数エラーではありません

分類Dev

小道具を使用してReact Nativeでスタイルを設定できません

分類Dev

React Native:アプリがバックグラウンドにあるときのアプリ内メッセージ

分類Dev

React Native / Redux-Reduxストアにアクセスできません

分類Dev

react-nativeの子コンポーネント(パラメーター付き)から親関数をどのように呼び出しますか?

分類Dev

React-Nativeでナビゲーション&&小道具を使用できませんか?

Related 関連記事

  1. 1

    Navigation.push(wixからのreact Native Navigationのv2)を使用すると、宛先コンポーネントで小道具が取得されません。小道具にアクセスするにはどうすればよいですか?

  2. 2

    React Native:関数内でthis.propsにアクセスします

  3. 3

    Reactコンポーネント内の関数から小道具にアクセスできません

  4. 4

    スタックナビゲーターをreact-nativeのredux-provider内にラップできませんでした

  5. 5

    React Native:静的関数内のコンポーネント状態にアクセスします

  6. 6

    React Native関数コンポーネント内の関数のパラメーターを渡すにはどうすればよいですか?

  7. 7

    React Nativeの小道具、ref値はキーボードの非表示イベント内で定義されていませんか?

  8. 8

    React Nativeの外部スタイルシートに小道具を渡しますか?

  9. 9

    UseCallback内のパラメーターを持つ関数にアクセスできません

  10. 10

    react-nativeのthis.handleChangeでイベントパラメーターを渡すことができません

  11. 11

    react-Native:親コンポーネント内の子コンポーネント関数にアクセスします

  12. 12

    React Native Navigation(ver4.x)がカスタムヘッダーコンポーネントで小道具を取得できません。未定義のエラーが発生し続ける

  13. 13

    ESLintセミルールは、react-nativeでのクラス宣言の前にインポートステートメントに適用されません

  14. 14

    メソッド内の小道具にアクセスできません

  15. 15

    追加の小道具データをreact-native-draggable-flatlistのrenderItemに渡します

  16. 16

    React Nativeは、Firebaseからループ内の複数のarrayitemを設定できません

  17. 17

    React Nativeのカスタムビューでスタイルシートに小道具を渡す方法は?

  18. 18

    矢印機能は機能ではありません。Arrayのインスタンスです。React-nativeフック

  19. 19

    React Native:<TextInput>コンポーネント内のテキストの色を変更できません

  20. 20

    React Native:小道具に関数を含むカスタムコンポーネント-最大呼び出しスタックサイズを超えました

  21. 21

    React-Native:.jsonファイルのデータ配列からデータにアクセスするためのforループ内のthis.something.map ..誰かがサンプルコードの例を提案できますか?

  22. 22

    .map関数react-native内でFlatListをループしてレンダリングできません

  23. 23

    タブナビゲーター画面からスタックナビゲーター画面に移動しているときに、react-nativeでreact-navigationを使用してパラメーターを渡すことができません

  24. 24

    _this2.setStateはreact-nativeの関数エラーではありません

  25. 25

    小道具を使用してReact Nativeでスタイルを設定できません

  26. 26

    React Native:アプリがバックグラウンドにあるときのアプリ内メッセージ

  27. 27

    React Native / Redux-Reduxストアにアクセスできません

  28. 28

    react-nativeの子コンポーネント(パラメーター付き)から親関数をどのように呼び出しますか?

  29. 29

    React-Nativeでナビゲーション&&小道具を使用できませんか?

ホットタグ

アーカイブ