javascript - Js 子字符串不适用于 react 获取的字符串

Question

我在谷歌上找不到答案，所以我想你们可能会帮助我。

所以我尝试了 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;

Answer 1

在state中将空对象从reminders中取出，这样数组就没有初始长度

这意味着数组的长度为 1 ，并且您在 map() 中查找的属性在该特定对象上不存在

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