jira项目笔记9-封装输入框和下拉框组件(不用ant之前)

简介: jira项目笔记9-封装输入框和下拉框组件(不用ant之前)
const SearchPannel = ({ users, param, setParam }) =>
{
  return (
    <form>
      <div>
        <input type="text" value={param.name} onChange={evt => setParam({
          ...param,
          name: evt.target.value
        })} />
        <select value={param.personId} onChange={evt => setParam({
          ...param,
          personId: evt.target.value
        })}>
          <option value={''}>负责人</option>
          {
            users.map(user => <option key={user.id} value={user.id}>{user.name}</option>)
          }
        </select>
      </div>
    </form>
  )
}
export default SearchPannel

image.png

相关文章
|
6天前
|
JavaScript 前端开发 搜索推荐
不想要网页默认的右键菜单栏,怎么封装一个可以自定义的右键菜单组件?
不想要网页默认的右键菜单栏,怎么封装一个可以自定义的右键菜单组件?
41 0
|
9月前
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
51 0
|
9月前
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
79 0
|
6天前
Ant Design组件动态嵌套表单制作
Ant Design组件动态嵌套表单制作
138 0
|
10月前
|
缓存 前端开发 NoSQL
vue-element-admin实战 | 第二篇: 最小改动接入后台实现根据权限动态加载菜单
vue-element-admin实战 | 第二篇: 最小改动接入后台实现根据权限动态加载菜单
|
10月前
|
JavaScript
fastadmin如何自定义一个列表上的按钮。
fastadmin如何自定义一个列表上的按钮。
220 0
|
前端开发
前端项目实战240-ant design表格编辑行要按照id编辑
前端项目实战240-ant design表格编辑行要按照id编辑
82 0
|
前端开发
前端项目实战185-ant design table实现编辑单元格的功能
前端项目实战185-ant design table实现编辑单元格的功能
179 0
学习笔记jira项目6-渲染列表和下拉框
学习笔记jira项目6-渲染列表和下拉框
91 0
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
73 0
学习笔记jira项目5-用jsx列表渲染开发下拉框组件