Компонент реакции не удалось скомпилировать
Я пытаюсь научиться реагировать, но не могу скомпилировать свою программу. Когда я запускаю свой код, он говорит, что не может скомпилироваться, и говорит, что состояние не определено. Я следил за тем, что было на веб-сайте реагирования для установки состояния, но оно все еще говорит, что оно не определено. Я искал по всему Интернету, и он говорит, что это то, как должно быть настроено состояние. Пожалуйста помоги!
const App = () => {
state = {name: "Jim"};
return (
<Profile name = {this.state.name} />
);
}
Ответы 2
Вы пытаетесь использовать state как свойство класса, но вы находитесь внутри тела функции, а не класса. Вы хотите const state = {name: "Jim"}; или сделать свой компонент классом.
Вы пытаетесь инициализировать состояние в компоненте без сохранения состояния. Вы должны изменить его, чтобы он был компонентом с отслеживанием состояния. Вы также пытаетесь установить состояние без настроек состояния с помощью чего-то вроде componentDidMount() или функции constructor(). Вы можете превратить его в компонент Stateful и вызвать функцию-конструктор следующим образом:
class App extends React.Component {
constructor() {
super();
this.state = { name: "Jim" };
}
render() {
return (
<Profile name = {this.state.name} />
);
}
}
Вы можете прочитать о компонентах Stateless и Stateful здесь.
Это не то, как вы назначаете состояние в конструкторе
Ты прав. Я немного торопился, когда публиковал это. Обратите внимание, что это все равно будет работать, если вы позже установите состояние, о котором я также упоминал в посте.
Если вы пытаетесь научиться реагировать, тогда остановите все, что вы делаете, и начните с reactjs.org/tutorial/tutorial.html, потому что это а) действительно хорошо написано и б) охватывает все, что вам нужно знать, чтобы начать.