Какая причина ошибки при контроле на input React?

Question

[vaskadogana]

Собственно суть:
если пишу сразу в функции которую вызываю ( как в коде ниже)
this.setState({
value: event.target.value
})
реакт молчит об ошибках.
если делаю, по сути то же самое, но уже в if, то в консоле сообщение типа такого

enterToThisState(event){
		this.setState({      
			value: event.target.value
		})
		let empty;
		let value = event.target.value; 
		if (value.length == 0){
			empty = true;
			this.setState({
				error_emty_field: 'formError',
				empty: true,
				
			})	
		} else {
			empty = false;
			this.setState({
				error_emty_field: '',
				empty: false,
				
			})
		}
		this.props.data_from_required({
			empty: empty,
			value: event.target.value, 
			name: event.target.name,
		}, event)
	}

сам инпут

return <input 	
							name = {data.name}
							type = {data.type}
							defaultValue = {data.value}
							value = {this.state.value}
							className = {data.className + this.state.error_emty_field}
							placeholder = {data.placeholder}
							onChange = {data.onChange}
							onChange={this.enterToThisState.bind(this)} />

Почему спрашиваю, интересно понять механизм работы.

И еще доп вопрос, сейчас приходится делать запись в хранилище только по схеме ниже, а это везде объявлять сторе, getState(). В примера описывается через return, но у меня react игнорирует запись. Подозреваю, что из-за того, что делаю через actionCreator или туплю (ничего нагуглить не получилось)

подключение к компоненту

export default connect(
	    state => ({
	    	login: state.authorizationR.login,
			token: state.authorizationR.token,
			user_permission: state.authorizationR.user_permission,
			ThisTransport: state.devicesR.ThisTransport,
	    }),
		dispatch => bindActionCreators(ActionCreator, dispatch)
)(TransportPage)

сам actionCreators

const actionCreators = { 
			getData : getData,
};
	export default actionCreators

запись в хранилище

store.dispatch({
        		type: 'GET_devices',
        		[dispatch_key]: newlist
			})

конфиг сторе

export default function configureStore(initialState) {
  const store = createStore(rootReducer, initialState)
  return store
}

Буду признателен за комментарии, смотрел компиленный файл, выходит более 60 объявлений сторе... Не нравится эта схема

Comments

[cinic]

Два onChange это опечатка?

[vaskadogana]

cinic: первый onChange происходит снаружи компонента, в родителе, в самом компоненте я только делаю валидацию делаю
render(){
let data = {...this.props};
return

[Aves]

vaskadogana: а с чего ты взял, что можно писать два раза onChange? После babel это будет выглядеть так:

return React.createElement("input", _defineProperty({
    name: data.name,
    type: data.type,
    defaultValue: data.value,
    value: this.state.value,
    className: data.className + this.state.error_emty_field,
    placeholder: data.placeholder,
    onChange: data.onChange
  }, "onChange", this.enterToThisState.bind(this)));

[vaskadogana]

Aves: Нууу, это)) babel не ругается, реакт не ругается. И отчего не может быть двух событий на одно действие одновременно.

вот что выдает бабел:
сам компонент:

{
		key: 'render',
		value: function render() {
			var data = _extends({}, this.props);
			//unicumcrakozyabl
			return _react2.default.createElement('input', _defineProperty({
				name: data.name,
				type: data.type,
				defaultValue: data.value,
				value: this.state.value,
				className: data.className + this.state.error_emty_field,
				style: data.style,
				placeholder: data.placeholder,
				onChange: data.onChange
			}, 'onChange', this.enterToThisState.bind(this)));
		}

когда он используется в коде: _

react2.default.createElement(_Required2.default, {
						checkinput: this.state.checkinput,
						data_from_required: this.userequireddata.bind(this),
						name: 'owner',
						type: 'text',
						defaultValue: this.state.owner,
						className: 'input belongsTo ',
						style: { display: this.state.visibilityOwner },
						onChange: this.enterToState.bind(this),
						placeholder: '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u043B\u0430\u0434\u0435\u043B\u044C\u0446\u0430*'
					}),