用于在反应中传输数据的功能[重复]

Posted 2023-02-22

【中文标题】用于在反应中传输数据的功能[重复]

【英文标题】：function for transferring data in react [duplicate]

【发布时间】：2018-07-28 17:06:53

【问题描述】：

我是新手，我对如何获取另一个组件的 onclick 值有疑问。

【参考方案1】：

这取决于你在哪里渲染 button.js 文件

如果您在同一个 List 组件上调用 YourButton，则只需设置一个 prop 并将其传递下去。

handleClick(letter) this.myLetter = letter;

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

在 YourButton 中，您将拥有 this.prop.letter。

如果 YourButton 不是孩子，那么你将不得不在父母身上获得道具：

handleClick(字母) this.props.myParentClickEvent（字母）

然后在父级上：

myParentClickEvent(letter) 
this.myLetter = letter;

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

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

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

【参考方案2】：

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

函数应该是：->

handleClick(letter) 
     return letter;


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

通过这个你会得到 letter 的值。 希望这能解决您的问题，如果不能，您可以再次联系我。很高兴为您提供帮助。