javascript - 如何在React js中进行多个检查选项？

Question

基本上我有两种数组。一种用于所有复选框值，另一种用于自定义值。所以，我的要求是我希望默认从自定义数组值中选择值到复选框选项。如何用reactjs实现？

这是我的示例代码，

var optionArray = ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7'], selectedValue = ['item1', 'item5'];

var Items = optionArray.map(function(el, i){
var isChecked = el == selectedValue;
                return <div key={i} className="radio-tick-row">
                    <input type="checkbox" className="radio-tick-input" id={"option"+i} value={el} name="selectOrganisationType" onChange={self.onChange.bind(self)} checked={isChecked} />
                    <label className="checkbox-tick-label term" htmlFor={"option"+i}><span>{el}</span></label>
                </div>;
        });

Answer 1

尝试 if in 数组条件:

var optionArray = ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7'], selectedValue = ['item1', 'item5'];

var Items = optionArray.map(function(el, i){
var isChecked = false;
                if(selectedValue.indexOf(el)) {
                   isChecked = true;
                 }
                return <div key={i} className="radio-tick-row">
                    <input type="checkbox" className="radio-tick-input" id={"option"+i} value={el} name="selectOrganisationType" onChange={self.onChange.bind(self)} defaultChecked={isChecked} />
                    <label className="checkbox-tick-label term" htmlFor={"option"+i}><span>{el}</span></label>
                </div>;
        });