0

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

1 に答える 1

2

そこにタイプミスがあります。自己完結型フォーム。end opening 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>
    );
}
于 2016-04-17T14:27:07.927 に答える