用于传输反应中的数据的功能

Question

嗨，我是新手做出反应，我遇到了如何获得另一个组件的onclick值的问题。

Answer 1

在此处调用您的按钮组件，并通过props将您的功能传递给按钮组件。

功能应该是： - ＆gt;

handleClick(letter) {
     return letter;
}

//button component
<button click={this.handleClick} value="getLetterValue" />

通过这个你将得到字母的价值。 希望这会解决您的问题，如果不是，您可以再次与我联系。我很乐意帮助你。

Answer 2

这取决于你在哪里呈现button.js文件

• 如果您在同一个List组件上调用YourButton，则可以设置道具并将其传递下去。

handleClick(letter) { this.myLetter = letter; }

render() {
`<YourButton letter={this.myLetter} />`
}

在YourButton中，你可以使用this.prop.letter。

• 如果YourButton不是孩子，那么你必须得到父母的道具：

  handleClick（letter）{ this.props.myParentClickEvent（信） }

然后在父母身上：

myParentClickEvent(letter) {
this.myLetter = letter;
}

然后把它传给任何你想要的孩子作为道具。

第二步有点复杂，所以我建议你先阅读文档，以完全理解道具如何在React上工作，因为如果你想继续使用它，它是必不可少的部分。

https://reactjs.org/docs/components-and-props.html