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

/>女

 
 

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

时间: 2024-10-16 09:17:03

react 原生 数据回显问题 及 单选默认的相关文章

springmvc学习笔记(15)-数据回显

springmvc学习笔记(15)-数据回显 springmvc学习笔记15-数据回显 pojo数据回显方法 简单类型数据回显 本文介绍springmvc中数据回显的几种实现方法 数据回显:提交后,如果出现错误,将刚才提交的数据回显到刚才的提交页面. pojo数据回显方法 1.springmvc默认对pojo数据进行回显. pojo数据传入controller方法后,springmvc自动将pojo数据放到request域,key等于pojo类型(首字母小写) 使用@ModelAttribute

数据回显

在添加数据的时候有时因为数据条件不符合而页面的数据要重新输入比较麻烦,所以要做数据回显功能 根据提供domain里的基本数据类写个类CustomerFormBean .java 1 package cn.itcast.Controller; 2 3 import java.util.Date; 4 import java.util.HashMap; 5 import java.util.Map; 6 7 public class CustomerFormBean { 8 private Stri

Struts2实现input数据回显

/** 修改页面 */    public String editUI() {        //准备回显得数据        Role role = roleService.getById(id);                ActionContext.getContext().getValueStack().push(role); //下面的方法也能实现数据回显 //        this.name = role.getName();//        this.description

7、struts2 案例( 模型驱动、 防止表单重复提交--拦截器 、数据回显 、值栈 、 OGNL表达式综合运用)

struts2 案例 技术点: 模型驱动 防止表单重复提交–拦截器 数据回显 值栈 OGNL表达式 通配符.路径匹配原则.常量 数据处理的集中方式 请求数据自动封装以及类型转换 1.导包 c3p0-0.9.1.2.jar commons-dbutils-1.6.jar commons-fileupload-1.2.2.jar commons-io-2.0.1.jar commons-lang3-3.1.jar freemarker-2.3.19.jar javassist-3.11.0.GA.j

组合条件查询的数据回显问题

1.    对于一般的文本框直接将输入的添加到request域中回显. // 组装名称 String queryName = request.getParameter("queryName"); // 如果是点击页号提交方式为get提交进行转码 if (getTag != null && !"".equals(getTag.trim())) { queryName = new String(queryName.getBytes("iso-8

Ztree菜单树数据回显

Ztree菜单树数据回显,分两部分查询数据: 其一: 根据实体id查询出其关联的菜单数据 其二: 查询所有的菜单数据. 然后,使用Ztree API中进行菜单数据回显的数据进行回显数据,勾选菜单复选框. 代码 1 //2.设置菜单树的全局变量 2 var setting = { 3 data : { 4 key : { 5 title : "t" 6 }, 7 simpleData : { //开启简单数据 8 enable : true, 9 } 10 }, 11 check : {

&lt;select&gt;多选时的数据回显

<select>标签有个属性为multiple,当设置multiple="true"时,在页面上可以按住ctrl键进行多选,在Action中可以给一个string类型的数组来获取前台的值,例子如下: 在action中给出set/get方法即可.然后根据数据库中的字段,添加到对象中即可. 但是在数据修改的时候,从数据库中查找到的是一个用逗号分隔的字符串,因此在回显之前需要做一些处理. s1是后台返回到前台的json对象,通过逗号将数据库查到的字符串拆分一下,然后拿到<s

springMVC参数绑定与数据回显

简单例子:修改商品信息的jsp页面: 参数绑定过程: 1.2.1  默认支持的参数类型 处理器形参中添加如下类型的参数处理适配器会默认识别并进行赋值. 1.1.1     HttpServletRequest 通过request对象获取请求信息 1.1.2     HttpServletResponse 通过response处理响应信息 1.1.3     HttpSession 通过session对象得到session中存放的对象 1.1.4     Model 通过model向页面传递数据,

&lt;radio&gt;数据回显

在做练习的时候遇到这样一组<radio> 添加保存数据的时候是JUST  SO  EASY,BUT在修改数据回显的时候,因为返回的对象是JSON,获取到radio的value值之后怎么也不能让页面正常显示选择的数据, 上网查了一种方法,把我的问题解决了,现在分享给大家,希望能帮到更多的人.方法如下: 其中ss是后台返回的JSON对象. 不知道大家有没有更好的办法,欢迎回复.