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


    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"}
    />女
     
     
  • 相关阅读:
    css3-文本新增属性
    css3新增的伪类和伪元素
    git小记
    css3笔记
    jQuery(三)
    jQuery笔记(二)
    <转>HTML、CSS、font-family:中文字体的英文名称
    jQuery笔记
    DOM父节点、子节点例子
    DOM之节点类型加例子
  • 原文地址:https://www.cnblogs.com/zqxi/p/12162870.html
Copyright © 2020-2023  润新知