React syntax error when adding class properties

Question

I\'m writing a react app with babel and webpack. It\'s been going along well until I tried to add a property on a class - specifically trying to use a Dropdown from React-To

Answer 1

You can write your component like this

class ChordFilters extends Component {

  constructor() {
    super();
    this.state = {
       value: 'Mandolin',
    };

  handleChange = (value) => {
    this.setState({value: value});
  };

The state is a class instance variable. You should be using constructors for initializing such variables. Otherwise you have to use

{
  "plugins": ["syntax-class-properties"]
}

in the .babelrc file to let babel know about properties.