I'm developing a project based on `react` and I'm using `ES6` and babel transpile tools and plugins. I know about destructuring assignment inside constructor of class, it is like below:

```
~~~
constructor(props){
  super(props);

  ({
    name: this.name,
    family: this.family
  } = props);
}
~~~

```

The above code is instead of `this.name = props.name;` and `this.family = props.family;`.

But I don't use constructor because I used `babel-plugin-transform-class-properties` and I don't need to have `constructor`, `this.state` and binding `this` to every class functions. I just declare `state` and declare functions as arrow function, see following sample:

```
class Sample extends React.PureComponent {
  state = {
    ~~~
  };

  handleSample = () => { ~~~ };

  ~~~
}

```

But now I don't know how I can destructuring my `this.props` outside of constructor inside body of class, and add them to `this`. I test some trying but they have syntax error:

```
({
  name: this.name,
  family: this.family
} = this.props);

```

How I can write it?