react - 使用snapshot.val（）填充表单输入值

Question

我试图从snapshot.val（）值中获取值来占用几个输入字段。

表示从快照中获取的值

 projectRef.child("subject").on("value", function(snapshot) {
        var subject = snapshot.val();
    });

并且id喜欢将它添加到同一类中的表单输入中。

<div className="col-lg-6">
                            <div class="input-group">
                                <label class="control-label required">Subject</label>
                                <input value={this.state.subject} placeholder="Subject"
                                       onChange={this.handleInputChangeSubject} type="text" className="form-control"/>
                            </div>
                        </div>

基本上在页面加载id上像var主题一样填充输入但id仍然可以编辑输入

Answer 1

只需将defaultValue={subject}添加到输入框即可。应该这样做。