javascript - React 无法渲染，出现 Untermished JSX 内容错误

Question

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')
);

http://jsbin.com/lalomigufo/edit?js,console,output

不确定出了什么问题，当我尝试检查 https://babeljs.io 中的代码时，出现 Untermerated JSX Contents 错误

Answer 1

输入是一个自闭合标签。您需要在输入元素末尾添加“/”:

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