Question

我正在使用geosuggest和我试图在React中简洁地通过我的状态但是出现了错误。

这是我的jfiddle 我在默认类中有以下内容：

{!this.state.isHidden && <Address state={this.state} />}

呈现出来：

class Address extends Component {
    render() {
        return (
            <div className="row">
                <div className="col-md-6 mt-2">
                    <input type="text" className="form-control form-control-borders" required name="address_line_one" defaultValue={this.props.state.address_line_one} />
                </div>
                <div className="col-md-6 mt-2"> 
                    <input type="text" className="form-control form-control-borders" required name="address_suburb" defaultValue={this.props.state.address_suburb} />
                </div>
                <div className="col-md-6 mt-2"> 
                    <input type="text" className="form-control form-control-borders" required name="address_city" defaultValue={this.props.state.address_city} />
                </div>
                <div className="col-md-6 mt-2"> 
                    <input type="text" className="form-control form-control-borders" required name="address_postcode" defaultValue={this.props.state.address_postcode} />
                </div>
            </div>
        )
    }
}

基本上发生的事情就是在绑定时，每个地址的值都会被放入一个变量中，具体取决于您点击“建议结果”的时间以及点击“无法找到您的地址？”它会打开输入，您可以自己输入答案。

但是，如果按“无法找到您的地址”然后尝试使用geosuggest模块，则不会使用我在点击建议位置时创建的新变量填充字段。

对不起我是超级新人在这里做出反应我只是想知道我是否把我的状态绑定了错误或什么？

将参数传递给组件实时更新

0 个答案: