Которому проистекает эта ошибка в ReactJS

Это код

render() {
    this.customize();

    return (<ReactF1
      id="ResponsiveHeader"
      data-f1="header" 
    >
      <h1>Hola</h1>
    </ReactF1>);
  }

И эта ошибка:

Unexpected token, expected;
line 6, column 10
Work/src/components/header/index.js

introducir la descripción de la imagen aquí

Я предполагаю, что он будет из-за чего-то syntax, но, он даже не разрабатывает.

1
задан 09.01.2017, 18:38
0 ответов

Проблема состоит в том, что ты используешь недействительный sintáxis. Я думаю, что твое намерение состояло в том, чтобы использовать класс, так как ты упоминаешь, что ты используешь import очень вероятно, что у тебя есть опора для классов также.

Твой метод render был бы методом класса и класса как таковой компонент.

import React, { Component} from 'react';

class MiComponente extends Component {
  render() {
     this.customize();
     return ( 
       <ReactF1 id="ResponsiveHeader" data-f1= "header" >
         <h1>Hola</h1>
       </ReactF1>
     );
  }
}

export default MiComponente;

Прочитай https://facebook.github.io/react/docs/react-api.html#react.component

Не для того, чтобы это функция this.customize() но мне кажется, что то, что ты создаешь, является компонентом презентации а следовательно ты не должен включать другой код в функцию render если только он не будет необходим из-за какого-то книжного магазина.

Прочитай https://medium.com / dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0

Если ты не используешь ES6, ты был бы должен использовать этот sintáxis, где метод render - свойство объекта

var MiComponente = React.createClass({
  render: function() {
    return (
      <ReactF1 id="ResponsiveHeader" data-f1="header">
         <h1>Hola</h1>
      </ReactF1>
    )
  }
});

Прочитай https://facebook.github.io/react/docs/react-without-es6.html

Если ты замечаешь заявление render будь должен приносить идентификатора function, так как это функция, или быть членом класса ES6, чтобы это не приносить.

2
ответ дан 03.12.2019, 17:48