在ReactJS中未定义的变量名

Question

我正在用Rails-React运行它，以从数据库（mongoDB）返回数据。 已成功与数据库连接。 但是，它返回错误“ TypeError：home_fires is undefined”，请帮忙...

constructor(props) {
    super(props);
    let home_fires = type.string;
    this.state = {
        error: null,
        isLoaded: false,
        home_fires: []
    };
}

componentDidMount() {
    fetch("http://localhost:3000/api/home_fires")
        .then(res => res.json())
        .then(
            (results) => {
                this.setState({
                    isLoaded: true,
                    home_fires: results.home_fires
                });
            },

            (error) => {
                this.setState({
                    isLoaded: true,
                    error
                });
            }
        )
}

这是我渲染数据的方法{this.props.home_fires.map(this.homefire)} ( ...

Answer 1

我认为您的地图功能应该像

this.props.home_fires.map(home_fire => <div>{home_fire.bla}</div>)

另外，如果您在同一组件中调用home_fires，则应该是，

this.state.home_fires

Answer 2

我认为是因为构造函数，只需删除

让home_fires = type.string;