Javascript React无法呈现，获取未终止的JSX内容错误

不确定出了什么问题，当我尝试在

中检查代码时，我得到了未终止JSX内容的错误，因为文档来自：

在HTML中，表单元素，如、和 通常维护自己的状态，并根据用户输入进行更新。 在React中，可变状态通常保留在的state属性中 组件，并且仅使用setState更新

因此，您的代码将常量值设置为value属性，这是错误的，该值不能更改，您可以键入任何内容。

输入是一个自动关闭标记。您需要在输入元素的末尾添加/：

class HelloWorldComponent extends React.Component {

  render() {
    const person = {"name":"james"};
    return (      
      <input type="text" placeholder="name" value={person.name}>      
    );
  }
}

React.render(
  <HelloWorldComponent />, document.getElementById('react_example')
);

---

您是否可以尝试终止JSX内容？具体来说，这是一个未终止的协议input@Hamms我犯了一个粗心的错误。但为什么现在我的输入不可编辑？@Hamms这是React 101。您需要在onChange事件上更改输入值的状态。请参见react文档中的大量示例

return (      
  <input type="text" placeholder="name" value={person.name} />      
);