javascript - this.state 在 React 中同时具有变量和对象？

Question

如何在this.state中添加一个对象和一个变量(变量已经在类外定义)？如果我只添加变量 (initialState)，它工作正常。但是当我添加一个额外的对象时，它不起作用。

const initialState = {
  input: '',
  imageUrl: '',
  box: {},
  route: 'signin',
  isSignedIn: false,
  user: {
    id: '',
    name: '',
    email: '',
    entries: 0,
    joined: ''
  }
} 

  class App extends Component {
   constructor() {
    super();
    this.state = initialState,
      data: [],
      myList: ''
  }  

Answer 1

您可以使用 spread operator syntax添加附加值

class App extends Component {
   constructor() {
    super();
    this.state = {
      ...initialState,
      data: [],
      myList: ''
    }
  }