创建调用函数React Native的Custom道具

Question

我是一名反应初学者，我想知道如何在自己的自定义组件上创建标准按钮组件上的道具，例如“ OnClick”道具

<Button OnClick='functionName'> Button </Button>

Answer 1

onClick就像您在组件中必须使用的其他道具一样，例如传递到TouchableOpacity的onPress道具。

示例

class Button extends React.Component {
  render() {
    const { onClick, children } = this.props;
    return (
      <TouchableOpacity onPress={onClick}>
        <Text>{children}</Text>
      </TouchableOpacity>
    );
  }
}