使用输入时未终止的JSX内容

Question

import React from 'react';

class AjaxIO extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: "1"
    }
  }

  render() {
    return (
      <div>
        {this.state.count}
      </div>
    );
  }
};

export default AjaxIO;

此示例有效。但如果我改变回归。

<div>
   <input value={this.state.count}>
</div>

我收到错误

 Unterminated JSX contents

Answer 1

您应该关闭input代码

<input value={this.state.count} />
                               ^^^ 

  

必须使用自动关闭格式或使用a关闭所有标签   相应的结束标记

Self-Closing Tag