ReactJS defaultChecked в нескольких флажках с помощью реакционной ленты - PullRequest
0 голосов
/ 28 апреля 2018

Я обнаружил, что defaultChecked в нескольких флажках довольно медленно отображать.

let data1 = this.props.data1
let data2 = this.props.data2

let renderData = data1.map((item, index)=>{
    let defaultChecked = false
    if ( data2.length != 0 ) {
        data2.map((cat, x)=>{
            if ( item.id == cat ) {
                defaultChecked = true
            }
        })
    }

    return (
        <FormGroup key={index} check>
            <Label check>
                <Input 
                    type="checkbox" 
                    defaultChecked={defaultChecked}
                    value={item.id}
                    onChange={this.props.handler}
                />{' '}{item.name}
            </Label>
        </FormGroup>
    )
})

Если я изменю его на checked, тогда это будет работать. Но var defaultChecked не работает, когда я изменяю его на defaultChecked в флажке. Я не понимаю, почему это не работает, может быть, я не понимаю, как defaultChecked работает.

p / s: я использую реактивную ленту, а не материал ui

...