更新component中的狀態將收到Props，其中state是一個數組

Question

我有一個數組作為狀態。

let coursedata=[];
class XYZ extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      coursedata
    };
  }

  componentWillReceiveProps(newProps) {
    if (newProps.course.courses.data) {
      const newstate = [
        ...this.state.coursedata,
        newProps.courses.courses.data
      ];
      this.setState({
       coursedata: newstate
    });
  }
}

請不要newProps.course.courses.data是對象數組。 我的目標是將狀態作為對象數組。

Answer 1

我假設您想將newProps.course.courses.data連接到state.courseData。 如果是這樣，簡單的解決方案將是：

componentWillReceiveProps(newProps) {
    const {courseData} = this.state;
    if(newProps.course.courses.data) {
        return this.setState({
            courseData: courseData.concat(newProps.course.courses.data),
        });
    }
}