Onpress 方法在 React Native 中不起作用？

Question

使用我作为道具发送到我创建的组件的 useState 和 useSetState 函数时，我收到一个我不理解的错误。

这是 CalcButton 放置的主要组件：

export const Calculator = () => {
  const [operationText, setOperationText] = React.useState('');
  const [operationHistory, setOperationHistory] = React.useState([]);

  return (
    <SafeAreaView>
           <CalcButton operationText={operationText}  setOperationText={setOperationText}  />
    </SafeAreaView>
  );
};

Calcbutton.tsx 组件

export default function CalcButton(
  operationText,
  setOperationText,

) {
  const handleClick = () => {
    setOperationText('2')
};

  return (
    <View style={styles.container}>
      <TouchableOpacity onPress={handleClick} style={styles.inner}>
        <View style={styles.middleInner}>
          <Text style={styles.label}>=</Text>
        </View>
      </TouchableOpacity>
    </View>
  );
}
[enter image description here][1]

当我单击 CalcButton 时，它会给出该错误。

https://i.stack.imgur.com/FFfYl.png

感谢所有帮助！

Answer 1

在 CalcButton 组件中，我在道具中添加了花括号，它可以工作

export default function CalcButton(
  {operationText,
  setOperationText}

) {
  const handleClick = () => {
    setOperationText('2')
};

  return (
    <View style={styles.container}>
      <TouchableOpacity onPress={handleClick} style={styles.inner}>
        <View style={styles.middleInner}>
          <Text style={styles.label}>=</Text>
        </View>
      </TouchableOpacity>
    </View>
  );
}