setState не работает для нажатия кнопки React [duplicate]

Вам нужно установить начальное состояние вашего компонента, попробуйте добавить следующее к вершине вашего компонента.

getInitialState: function() {
  return {
   autocomplete_from: ''
  };
}

EDIT:

В компоненте DynamicFrom у вас есть :

render: function() {
  return (
      <AutocompleteFromCheckboxes
        autocomplete_from={this.props.data.autocomplete_from} />
  );
}

Поскольку вы пытаетесь ссылаться на состояние, которое вы должны написать

autocomplete_form={this.state.autocomplete_from}

Также вы пытаетесь установить состояние из дочернего компонента и не должны напрямую изменять государство. Лучший способ приблизиться к этому - передать функцию DynamicFrom (удерживает состояние) в AutocompleteFromCheckboxes. Таким образом.

var DynamicForm = React.createClass({
    handleChange: function(value) {
       this.setState({autocompelete_from: value});
    },
    render: function() {
       return(
          <AutocompleteFromCheckboxes 
            autocomplete_from={this.state.autocomplete_from}
            handleChange={this.handleChange} 
          />
       );
    },
    ....
});

Затем вызовите эту функцию в дочернем компоненте

AutocompleteFromCheckboxes = React.createClass({
    ....
    onChange={this.handleChange}
    ....
    handleChange: function(e) {
     this.props.handleChange(e.target.value);
    }
});