码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-07 17:55:20      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:增删改查   this   ons   classname   input   数据   type   form   val   

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"}
/>女
 
 

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

标签:增删改查   this   ons   classname   input   数据   type   form   val   

原文地址:https://www.cnblogs.com/zqxi/p/12162870.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!