Token inesperado ‘=’ en el componente React

¿Me estoy perdiendo un cargador posiblemente? Pensé que se suponía que podríamos usar estas funciones ES6 en los cuerpos de los componentes para evitar tener que hacer la .bind(this) reactjsr documentos

  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 | } 

Mi .babelrc tiene lo siguiente:

 { "presets": ["env", "react"], "plugins": ["transform-object-rest-spread"] } 

y estoy usando babel-loader para documentos js / jsx

Necesita usar el transform-class-properties plugin para usar campos de clase. Puede instalarlo como

 npm install --save-dev babel-plugin-transform-class-properties 

y usarlo como un complemento

 { "presets": ["env", "react"], "plugins": ["transform-object-rest-spread", "transform-class-properties"] } 

transform-object-rest-spread se usa para la syntax de extensión de reposo, que es como

 const {a, b, ...rest} = this.props 

De acuerdo con la documentación :

Esto presenta dos propuestas relacionadas: "class instance fields" y "class static fields" .

"Class instance fields" describen propiedades que pretenden existir en instancias de una clase (y pueden incluir opcionalmente expresiones de inicializador para dichas propiedades).

"Class static fields" son propiedades declarativas que existen en el objeto de clase en sí (y pueden incluir opcionalmente expresiones de inicializador para dichas propiedades).

Esta propuesta se encuentra actualmente en la Etapa 2 .

También puede resolver esto usando la etapa preestablecida 2 instalando

 npm install --save-dev babel-preset-stage-2 

y usándolo como

 { "presets": ["env", "react", "stage-2"], "plugins": ["transform-object-rest-spread"] } 

no puede agregar preajuste de etapa 0

 { "presets": ["env", "react", "stage-0"], "plugins": ["transform-object-rest-spread"] } 

y no te olvides de correr

 yarn add babel-preset-stage-0 
    Intereting Posts