自社をチェックボタンで使用した時のみ、預かり倉庫をチェックできるようにしたいです。
それ以外の時は預かり倉庫は非活性でチェックできないようにするにはどのようにすればいいでしょうか?
<Row>
<Label className="w-12/60">自社</Label>
<LabeledCheckBox
className="md:ml-2 md:mt-1 md:pr-2"
label="使用する"
checked={props.data}
onChange={handleChange("RENTAL_KBN1")}
readonly={props.readonly || props.readonlyFields?.RENTAL_KBN1}
/>
<Label className="w-6/60"></Label>
<Label className="w-6/60">預け倉庫</Label>
<LabeledCheckBox
className="md:ml-2 md:mt-1 md:pr-2"
label="使用する"
checked={props.data}
onChange={handleChange("DELETE_FLG")}
readonly={props.readonly || props.readonlyFields?.DELETE_FLG}
/>
</Row>
<Row>
<Label className="w-12/60">レンタル卸</Label>
<LabeledCheckBox
className="md:ml-2 md:mt-1 md:pr-2"
label="使用する"
checked={props.data}
onChange={handleChange("RENTAL_KBN2")}
readonly={props.readonly || props.readonlyFields?.RENTAL_KBN2}
/>
<Label className="w-6/60"></Label>
<Label className="w-6/60">預かり倉庫</Label>
{!props.hidden?.RENTAL_KBN3 && (
<LabeledCheckBox
className="md:ml-2 md:mt-1 md:pr-2"
label="使用する"
checked={props.data}
onChange={handleChange("RENTAL_KBN3")}
readonly={props.readonly || props.readonlyFields?.RENTAL_KBN3}
/>
)}
</Row>