react 原生 数据回显问题 及 单选默认

Posted 2021-03-17 zqxi

const {form} = this.state;

console.log(form)  //数据可以获取到

//直接 form.name 会出现错误但不影响数据的显示

<input

    type="text"
    value={form.name}
    onChange={this.handleChange}
    className="name"
/>
//后来各种试 用三目运算 form.name ? form.name : "" 不会报错了

<input

    type="text"
    value={form.name ? form.name : ""}
    onChange={this.handleChange}
    className="name"
/>

//其实感觉直接做增删改查的话应该能碰运气直接顺手用三目的，这次只是单纯敲下不用ant回显 结果卡了好长事件

//============单选默认事件
//做单选时添加默认也碰到关于checked的问题
//这里的 js 的checked 变成了 defaultChecked

<input

 　　type="radio"

 　　name="radio"

 　　value="1"

 　　defaultChecked={form.sex*1 ? "defaultChecked" : ""} 

 />男

 <input 

　　　type="radio"

 　　name="radio"

 　　value="0"

 　　defaultChecked={form.sex*1 ? "" : "defaultChecked"}

/>女