zoukankan      html  css  js  c++  java
  • 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"}
    />女
     
     
  • 相关阅读:
    frog-jump
    nth-digit
    binary-watch
    elimination-game
    evaluate-division
    random-pick-index
    integer-replacement
    rotate-function
    longest-substring-with-at-least-k-repeating-characters
    decode-string
  • 原文地址:https://www.cnblogs.com/zqxi/p/12162870.html
Copyright © 2011-2022 走看看