Question

我正在尝试将数据从孩子传递给父母。我不确定为什么会收到此控制台错误

TypeError：this.props.aaaaaaaaaa不是函数

代码：

class GenericInputWithLabel extends React.Component {
    constructor(props) {
        super(props);
        this.handleInputChange = this.handleInputChange.bind(this);
    }

    renderLabel() {
        return (
            <div style={labelDiv}>
                {this.props.label}
            </div>
        )
    }

    handleInputChange(inputStr) {
        initialValue={this.props.initialValue}
        this.props.aaaaaaaaaa(inputStr);
    }

    render() {
        return (
            <div style={parentDiv}>
                <div style={inputDiv}>
                    <CustomNumberInput
                        initialValue={this.props.initialValue}
                        onInputChange={this.handleInputChange}/>
                </div>
                {this.props.label && this.renderLabel()}
            </div>
        );
    }
}

export default GenericInputWithLabel;

此外，我在handleInputChange中放入的控制台日志确实注销了我传入的初始值。这意味着该函数确实具有正确的上下文。当我想使用

传递数据时，为什么会抱怨

this.props.aaaaaaaaaa(inputStr)

---更新----

<GenericInputWithLabel
    label="test"
    initialValue={123}
    aaaaaaaaaa={this.handleChange}/>

Answer 1

您应该将Private Sub NumericUpDowns_ValueChanged(sender As Object, e As EventArgs) Handles NumericUpDown1.ValueChanged, NumericUpDown2.ValueChanged, NumericUpDown3.ValueChanged Me.Label1.Text = (3 * NumericUpDown1.Value + 2 * 3 * NumericUpDown2.Value + 2 * 3 * NumericUpDown3.Value).ToString() End Sub定义为函数

aaaaaaaaaa

Answer 2

IV找到了问题。它实际上是父容器。

我没有意识到父容器会成为原因。

我的构造函数this.bind有一个错字，所以一切都没有按预期运行

反应将数据传递给父错误this.props。不是功能

2 个答案: