React--如何将变量赋给另一个组件类中的输入值？[副本]

Question

class Atk extends Component {
constructor(props) {
    super(props);

    this.state = {stats: ''}

}

render() {
    return (
        <div>
            <label>PHY/MAG ATK</label><br/>
            <input  value={this.state.stats}
                    onChange={event => this.setState({stats: event.target.value})}
                    type="number"
            />
            <br/><br/>
        </div>
    )
}

const damageCalc = () => {
        let A = (Class Atk's input value).

请记住，这是在另一个组件中，因为我需要将该函数应用到CalculatorButton的onClick（CalculatorButton是另一个子组件）。

Answer 1

在这种情况下，通常的做法是将回调函数从父级传递到子级。在子元素上，单击您（从子元素）激发该方法，并将一些值作为参数传递给父元素，而不是在父元素中进行回调实现，并且可以对该值执行任何您想要的操作。

现在人们使用状态管理器如Redux或Mobx来处理（原文如此！）组件/应用程序的状态管理。但正如您所说，在将状态管理器实现到项目中之前，您才刚刚开始，可能还有一段路要走：）

查看此链接：