Как эмулировать событие в React?

Question

[Stillonov]

Всем привет.

Как я могу эмулировать событие навешенное в компоненте Form в другом компоненте (Select). Кроме как:
React.addons.TestUtils.Simulate.onChange(node);

Можно еще обратиться к свойствам и вызвать функцию, но как в таком случае передать event:
this.props.onChange.call(...);

Вот в такой ситуации:

var Select = React.createClass({
    handleInput: function(event) {
        var select = React.findDOMNode(this.refs.select);
       
        this.setState({
            value: event.target.value
        }, function() {

            // Тут необходимо вызвать onChange у select

        });  
    },
    render function() {
        return (
            <select {...that.props} value={this.state.value} ref="select">...</select>
            <input onChange={this.handleInput}/>
        );
    }
});

var Form = React.createClass({
    handleSelect: function() {
        console.log('Ping');
    },
    render: function() {
        return (
            <Select onChange={this.handleSelect} />
        );
    }
});

Answer 1

[Денис Инешин]

jQuery.trigger или на JS dispatchEvent

Comments

[Stillonov]

А разве подобное отработает на навешанных React SyntheticEvent?

[Choroshiy]

Я пробовал эмулировать onChange в реакте через плагин
но onChange
это не событие change и не input, keydown, keyup
эмулировал onBlur, работает, что они там намутили на onChange не понятно
часть кода

elementsUsersEmails.forEach((item) => {
	item.addEventListener('click', () => {
		const event = new Event('keyup');
		const selectedIdUser = parseInt(item.getAttribute('data-user-email'), 10);
		const wrapInput = doc.querySelector('#modal-dialog-form');
		const inputEmail =  wrapInput.querySelector('[name="email"]');
		const inputPassword =  wrapInput.querySelector('[name="password"]');
		if (inputEmail && inputPassword) {
			inputEmail.dispatchEvent(event);
			inputPassword.dispatchEvent(event);
			inputEmail.value = usersdata[selectedIdUser].email;
			inputPassword.value = usersdata[selectedIdUser].password;
		}
	})
});