React：予期しないトークンの戻り

debugcn 投稿 Dev

アンナ

私はReactを初めて使用し、次のコードを使用しています。

render() {
        return (
            <div>
                <form>
                    <input type="text" name="texte" value={this.state.value} onChange={this.handleChange} />
                    <input type="submit" value="Valider" onClick={this.update} />
                </form>
                var list = this.state.liste.map(function(elt) {
                    return <li>{elt}</li>
                });
                <ul>{list}</ul>
            </div>
        );
    }

構文エラーがあります：

Unexpected token return <li>{elt}</li>
                 ^

理由がわかりません...助けてくれてありがとう！

paqash

次のようにコードを再構築します。

render() {

var list = this.state.liste.map(function(elt) {
                    return <li>{elt}</li>
                });
        return (
            <div>
                <form>
                    <input type="text" name="texte" value={this.state.value} onChange={this.handleChange} />
                    <input type="submit" value="Valider" onClick={this.update} />
                </form>

                <ul>{list}</ul>
            </div>
        );
    }

または

render() {
        return (
            <div>
                <form>
                    <input type="text" name="texte" value={this.state.value} onChange={this.handleChange} />
                    <input type="submit" value="Valider" onClick={this.update} />
                </form>
                <ul>{this.state.liste.map(function(elt) {
                    return <li>{elt}</li>
                });}</ul>
            </div>
        );
    }

JSX構文内にコードを追加するには、 {}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]