将 SetState 从父组件传递给 React Native 中的子组件

Question

在 React js 中，我会像下面那样将 setState 从父组件传递给子组件，但是在 React Native 中，setABC 是未定义的。 在 React Native 中实现以下目标的最佳方法是什么？

父母.js：

function Parent(){


    const [ABC, setABC] = useState();



     return(
        <routes>
           <route path="/child" element={<Child setABC={setABC} />} />
        </routes>
     );

}


export default Parent;

孩子.js：

function Child({setABC}){

    let doSomeStuff = () =>{

        setABC("ABC");

    }

 }

 export default Child;

Answer 1

该问题与 react-native 无关，您在 parent.js 中将道具作为setState传递

<Child setState={setABC} />

并将其作为setABC function Child({setABC}){

应该是这样的

function Child({setState}) {
...
}

或者更改Parent.js中的道具名称以匹配Chlid.js

<route path="/child" element={<Child setABC={setABC} />} />