Визуализация состояния в пользовательском интерфейсе (еще один способ)
Существует еще один способ доступа к state в компоненте. В методе render() перед оператором return вы можете напрямую писать JavaScript. Например, вы можете объявлять функции, получать доступ к данным из state или props , выполнять вычисления по этим данным и т.д. Затем вы можете назначить любые данные переменным, к которым у вас есть доступ в операторе return .
В компоненте MyComponent в методе return объявите константу name со значением свойства name в состоянии this.state . Поскольку вы можете писать JavaScript непосредственно в этой части кода, вам не нужно вставлять эту ссылку в фигурные скобки. Затем в возвращаемом выражении выведите это значение в тег h1 используя константу name. Помните, что в операторе return вам нужно использовать синтаксис JSX (фигурные скобки для JavaScript).