Javascript Js子字符串不'；无法处理获取的字符串

我在谷歌上找不到答案，所以我想你们可以帮我一下

所以我尝试了componentWillMount（），componentDidMount（），但似乎在我收到提取的字符串之前调用了substring方法

import React, { Component } from 'react';
import axios from "axios";

class Home extends Component {
    constructor(props){
        super(props);
        this.state = {
            reminders: [{}],
            test: "test"
        };
    }

    getReminders(){
        fetch('/api/reminder/',{method:"GET"}).then(resp => resp.json()).then(data => 
            this.setState({reminders:data}));
    }

    componentWillMount(){
        this.getReminders();
    };

    render() {
        return (
            <div className="main-table">
                { this.state.reminders.map((x,i) => 
                <div key={i} className="table-item">
                    <div className="item-name">{x.title}</div>
                    <div className="item-content flex">
                        <div className="time">{x.from.substr(11,2)} - {x.to}</div>
                        <div className="location">{x.location}</div>
                    </div>
                </div>) }
            </div>
        );
    }
}

export default Home;

import React，{Component}来自'React'；
从“axios”导入axios；
类Home扩展组件{
建造师（道具）{
超级（道具）；
此.state={
提醒：[{}]，
测试：“测试”
};
}
获取提醒（）{
fetch（'/api/rementer/'，{method:“GET”}）。然后（resp=>resp.json（））。然后（data=>
this.setState（{提醒：数据}））；
}
组件willmount（）{
这是一个；
};
render（）{
返回(
{this.state.members.map（（x，i）=>
{x.title}
{x.from.substr（11,2）}-{x.to}
{x.location}
) }
);
}
}
导出默认主页；

在

状态下将空对象从
提醒中取出
，使数组没有初始长度

这使得数组的长度从
1
开始，并且在
map（）中查找的属性在该特定对象上不存在

    this.state = {
        reminders: [],
        test: "test"
    };

在
状态下将空对象从
提醒中取出
，使数组没有初始长度

这使得数组的长度从
1
开始，并且在
map（）中查找的属性在该特定对象上不存在

    this.state = {
        reminders: [],
        test: "test"
    };

原因是您不是使用空数组，而是使用带有空对象的数组来初始化
this.state.ememptors
，这会在访问它时导致错误
您可以使用空数组进行初始化，例如

this.state = {
        reminders: []
}

或者，您可以添加一些属性，例如初始设置为false的isRemindersLoaded
，并仅在设置为true后渲染表，例如：

this.setState({reminders:data, isRemindersLoaded: true}));

原因是您不是使用空数组，而是使用带有空对象的数组来初始化
this.state.ememptors
，这会在访问它时导致错误
您可以使用空数组进行初始化，例如

this.state = {
        reminders: []
}

或者，您可以添加一些属性，例如初始设置为false的isRemindersLoaded
，并仅在设置为true后渲染表，例如：

this.setState({reminders:data, isRemindersLoaded: true}));

将
提醒
数组初始化为空数组，而不是带有空对象的数组。将
提醒
数组初始化为空数组，而不是带有空对象的数组。