Javascript reactJS中的html表单

我使用（几乎）精确的语法在react中创建html表单：

var Hello = React.createClass({
    render: function() {
        return 
         <div>
           <section>
            <form action="http://localhost:9203/ask">
              Text: <input type="text" name="text" value="Text"/> <br/>
              Focus:  <input type="text" name="focus" value="Focus"/> <br/><br/>
              <input type="submit" value="Submit"/>
            </form>
          </section>
        </div>;
    }
});

React.render(<Hello name="World" />, document.getElementById('container'));

var Hello=React.createClass({
render:function（）{
回来
文本：

焦点：


;
}
});
React.render（，document.getElementById（'container'）；

---

问题是，结果是，我无法编辑表单。知道我哪里做错了吗

您应该使用

defaultValue

而不是

value

<form action="http://localhost:9203/ask">
   Text: <input type="text" name="text" defaultValue="Text"/> <br/>
   Focus:  <input type="text" name="focus" defaultValue="Focus"/> <br/><br/>
   <input type="submit" value="Submit"/>
</form>

如果使用值，组件将变为一个值，并且该值无法更改。由于您需要一个输入，并且输入的值应该是可编辑的，因此必须使用

defaultValue

<form action="http://localhost:9203/ask">
   Text: <input type="text" name="text" defaultValue="Text"/> <br/>
   Focus:  <input type="text" name="focus" defaultValue="Focus"/> <br/><br/>
   <input type="submit" value="Submit"/>
</form>

文本：

焦点：

编辑表单是什么意思？同时向我们展示你看到的结果和你期望的结果，就像你不能在表格中写任何东西一样。当然，你希望能够在表格中书写。