如何在子组件中使用父回调？答案

【问题标题】：How can I use parent's callback in children component?如何在子组件中使用父回调？
【发布时间】：2021-07-26 08:27:31
【问题描述】：

对不起。我是新来的反应原生和反应。我刚刚遇到setCount is not a function. (In 'setCount(1)','setCount' is undefined) 错误。如何在 AComponent 中使用setCount 方法？

import React, {useState} from 'react';
import {
  Text,
} from 'react-native';


const AComponent = ({count, callback}) => {
  callback(1);
  return <Text>{count}</Text>;
};

const App = () => {
  const [count, setCount] = useState(0);
  return <AComponent count={count} callback={setCount} />;
};

const styles = StyleSheet.create({
  container: {},
});

export default App;

【问题讨论】：

标签： react-native callback use-state

【解决方案1】：

您正在将函数重命名为回调。

所以在你的组件中你需要使用回调而不是 setCount，或者将你的 props 回调重命名为 setCount（首选）：

return <AComponent count={count} setCount={setCount} />

使用组件时定义的每个key={value}，都可以通过组件中的key来访问。

建议大家深入阅读以下文章：https://reactjs.org/docs/components-and-props.html

【讨论】：

我很高兴！如果答案解决了错误，请接受。问候