javascript - JSX: 需要相应的结束标记

Question

我正在使用 Babel 6.0 编译 JSX 代码，但遇到了这个错误。在它说“相邻元素”需要包裹在“封闭标签”中之后，它现在说标签缺少“相应的封闭标签”，尽管 <div>标签已关闭。为什么会发生这种情况？谢谢。

这是代码:它显示 </form>行作为错误位置。

render: function() {
    return (
        <div>
            <form action={this.props.action} method={this.props.method}/>
                <input
                    type={this.props.input1type}
                    value={this.state.input1value}
                />
                <input
                    type={this.props.input2type}
                    value={this.state.input2value}
                />
            </form>
        </div>
    );
}

Answer 1

那里有一个错字。一种 self 封闭的形式。只需从末尾打开表单标记中删除/即可。

render: function() {
    return (
        <div>
            <form action={this.props.action} method={this.props.method}>
                <input
                    type={this.props.input1type}
                    value={this.state.input1value}
                />
                <input
                    type={this.props.input2type}
                    value={this.state.input2value}
                />
            </form>
        </div>
    );
}