jquery select2를 사용하여 선택 상자를 만듭니다. (또한 새로운 반응) 여러 selectbox 내부의 데이터가 변경되면 함수를 호출하려고합니다. onClick과 onBlur는 예상대로 작동하지만 onChange는 아무 것도하지 않습니다. 나는이 문제가 반응이 그것을 어떻게 표현하는지와 관련이 있다고 생각한다. 구성 요소가 렌더링 된 후에 onChange 효과를 추가하면 $('#additional-filters-dropdown').attr('onChange', 'console.log("test")')
.onChange도 반응없이 기본 HTML에서 원하는 방식으로 작동합니다. 그리고 반응 요소가 select 대신 입력 필드 인 경우 onChange가 작동하므로 왜 모두 함께 잘 작동하지 않는지 알 수 없습니다.onChange가 react 및 select2와 작동하지 않습니다.
는 부품
var product_selections = React.createClass({
handleChange: function() {
console.log("Selction has been changed!");
},
render: function() {
return (
<div className='row'>
<br/>
<label htmlFor='product-dropdown'>
Product
<br/>
<select className='js-example-basic-multiple js-states form-control' id='product-dropdown' multiple='multiple' onChange={this.handleChange}>
</select>
</label>
</div>
);
}
});
JQUERY 선택 2는
$('#product-dropdown').select2({
data: [1,2,3,4]
});
var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<ProductSelections/>, document.getElementById('product-selection-container'));
뭐든지 app_main.js 반작용 올바른 방향으로 나를 가리킬 수있는 것이 도움이됩니다.
나는 변화가 선택의 대신에 주어져야 한 ㄴ다고 믿는다 – Nakib
select2로 multiselect에 선택권 성분이 없다. –