Не удается получить значение из состояния — Реагирует

#reactjs

Вопрос:

Эй, это мой код, и я хочу распечатать тип сети, но он не печатает ничего, с чем работал этот код App.js но не в home.js.

Я создал компонент класса в home.js

Home.js:

 import {Component, React} from 'react';
import { BrowserRouter as Router, Link } from 'react-router-dom';
import Web3 from 'web3';
class Home extends Component
{
    state={
        person : [
          {networkType:'None'}
        ]
    }
    
    componentDidMount()
    {
        this.loadBlockchainData();
    }
    
    async loadBlockchainData()
    {
        const web3 = new Web3(Web3.givenProvider || "https://localhost:8545");
        const network = await web3.eth.net.getNetworkType();
        this.setState(
            {
                person:[
                    {networkType:network}
                ]
            }
        )
    }
    render()
    {
        return(
            <div>
                <h1>Hello</h1>
                <h1>Network is: {this.state.networkType}</h1>
            </div>
        )
    }
}
export default Home; 
 

Комментарии:

1. Попробуйте проверить журналы консоли и убедитесь, что вы получили данные (выполните отладку печати).

2. да, я получил решение сразу же после того, как опубликовал это xD

Ответ №1:

Просто обновите вот так:

 this.state.person[0].networkType