相关疑难解决方法(0)

react - 将父值传递给子输入值

我是反应灵的新手.将父值传递给子的正确方法是什么setState,我在下面有错误,我无法更改输入值,该值看起来正确但无法更改.

"正在改变类型的文本的不受控制的输入被控制.输入元件不应该从不受控制的切换到控制(或反之亦然).使用受控的或不受控制的输入元件,用于所述部件的寿命之间决定"

export default class parent extends React.Component {
    constructor (props) {
        super(props);
        this.state = {
            title: ''
        }
    }

    updateFun(){
        this.setState({title: 'Parents title'});
    }

    render() {
        return (
            <div>
            <button onClick={() => this.updateFun()}> Update </button>
            <Child title = {this.state.title}/>
            </div>
        )
    }
}


export default class Child extends React.Component {
    constructor (props) {
        super(props);
        this.state = {
            title: ''
        }
    }

    render() {
        return (
            <div>
            <input 
                id="title" 
                type="text"
                value={this.props.title}
                />
            </div>
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

reactjs

0
推荐指数
1
解决办法
1277
查看次数

标签 统计

reactjs ×1