0

我发现多个复选框中的 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那么它将起作用。defaultChecked但是当我将它更改为复选框时，var defaultChecked 不起作用。我不明白为什么它不起作用，可能是我不明白它是如何defaultChecked工作的。

p / s：我使用reactstrap，而不是材料ui

4

0 回答 0