Question

我正在使用Babel 6.0编译JSX代码，我遇到了这个错误。在说出＆＃34;相邻元素＆＃34;需要包含在＆＃34;一个封闭的标签＆＃34;，它现在说标签丢失了＃34;相应的封闭标签＆＃34;，尽管<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

那里有一个错字。一个自封的形式。只需从末尾的操作表单标记中删除/。

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

JSX：<div>

1 个答案: