reactjs - React 类中的解构或变量声明

Question

我认为这是一个快速的我收到以下错误

./src/components/container.js
  Line 22:7:  Parsing error: Unexpected token

  20 | changeName = this.changeName.bind(this);
  21 |
> 22 | const { floors, rooms, boards, cards } = InitialData;

我不明白为什么我不能在这里解构它。这是从功能组件开始的，但我现在将它带入课堂。

完整代码

import React, { Component } from 'react'
import Floor from './floor'
import InitialData from './data/data';


export default class Container extends Component {
  state = {
    firstName:"Joy",
    place:"nirvana"
  }

const { floors, rooms, boards, cards } = InitialData;


  render() {

    return (
      <div>
<h2>Here is a container component</h2>
<Floor />
      </div>
    )
  }
}

标签： reactjsjsx

Answer 1

搬进const { floors, rooms, boards, cards } = InitialData;_render(){

import React, { Component } from 'react'
import Floor from './floor'
import InitialData from './data/data';

export default class Container extends Component {
    state = {
        firstName:"Joy",
        place:"nirvana"
    }




    render() {

        **** change this line ****
        const { floors, rooms, boards, cards } = InitialData;

        return (
            <div>
                <h2>Here is a container component</h2>
                <Floor />
            </div>
        )
    }
}