React Native / React - 在渲染（）之前重构道具 [重复]

Question

我已将guest 对象作为属性从一个视图传递到下一个视图。 guest由guest.name、guest.age、guest.email等各种属性组成。

在将接收guest 对象的视图的类定义开始时，我想将this.props.guest.name 重构为guest.name，因此我设置如下：

class EditGuest extends Component {
  const { guest } = this.props;
  state = {
    name: guest.name,
    email: guest.email,
    age: guest.age
  };

  render() {
    ...
    ...
    ...
    ...
}

export default EditGuest;

但是，我在重构 const { guest } = this.props 的行中收到错误 parsing error: unexpected token, expected '('。如果我在渲染函数中定义 guest 对象，它可以正常工作，但在它之外定义时不起作用。

这是怎么回事？

Answer 1

你应该把它写在构造函数中。类似于下面的东西

class EditGuest extends Component {
  constructor(props) {
   super(props);
   const { guest } = props;
   this.state = {
     name: guest.name,
     email: guest.email,
     age: guest.age
   };
  }

  render() {
    ...
    ...
    ...
    ...
  }
}
export default EditGuest;