React-form表单里的文本框,单选和双选受控组件的封装

庚中

于 2019-06-19 21:46:54 发布

阅读量570

点赞数 1

分类专栏：十七.React 文章标签： React-文本框单选和双选受控组件的封装

本文链接：https://blog.csdn.net/xiaodi520520/article/details/92848169

版权

效果:
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
 
<div id="root"></div>
<script type="text/babel">
/*
  受控组件：组件的值由React进行控制
*/

class CheckBoxOrRadio extends React.Component {
   
  render() {
   
    const {
   values,type,name,svalues,handle} = this.props;
    const content = values.map((item,index)=>{
   
      return (
        <label key={
   index}>
          <input 
            type=</

最低0.47元/天解锁文章

庚中

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
React-form表单里的文本框,单选和双选受控组件的封装

效果:<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.developmen...
复制链接

扫一扫

专栏目录