ローダーがない可能性がありますか?.bind(this)
構文reactdocsを実行する必要をなくすために、コンポーネント本体でこれらのES6関数を使用できるはずだと思いました。
ERROR in ./client/admin-side/components/Form.jsx
Module build failed: SyntaxError: Unexpected token (15:17)
14 |
> 15 | handleChange = (event) => {
| ^
16 | this.setState({value: event.target.value})
17 | }
私の.babelrcには次のものがあります。
{
"presets": ["env", "react"],
"plugins": ["transform-object-rest-spread"]
}
babel-loader
js / jsxドキュメントに使用しています
transform-class-properties plugin
クラスフィールドを使用するにはを使用する必要があります。次のようにインストールできます。
npm install --save-dev babel-plugin-transform-class-properties
プラグインとして使用します
{
"presets": ["env", "react"],
"plugins": ["transform-object-rest-spread", "transform-class-properties"]
}
transform-object-rest-spread
のような残りのスプレッド構文に使用されます
const {a, b, ...rest} = this.props
ドキュメントによると:
これは、2つの関連する提案を示しています:
"class instance fields"
と"class static fields"
。
"Class instance fields"
クラスのインスタンスに存在することを目的としたプロパティを記述します(オプションで、前述のプロパティの初期化式を含めることができます)。
"Class static fields"
クラスオブジェクト自体に存在する宣言型プロパティです(オプションで、前述のプロパティの初期化式を含めることができます)。この提案は現在ステージ2にあります。
インストールしてプリセットステージ2を使用することでこれを解決することもできます
npm install --save-dev babel-preset-stage-2
そしてそれを次のように使用します
{
"presets": ["env", "react", "stage-2"],
"plugins": ["transform-object-rest-spread"]
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加