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

相关文章
|
7月前
|
开发框架 前端开发 JavaScript
在Vue前端项目中,附件展示的自定义组件开发
在Vue前端项目中,附件展示的自定义组件开发
在Vue前端项目中,附件展示的自定义组件开发
|
6月前
|
前端开发
前端ElementPlus框架中的几种图标按钮使用方式
本文介绍了如何在Element Plus前端框架中使用带有图标的按钮,包括设置按钮大小、图标大小、按钮类型以及如何为图标添加点击事件。
566 0
|
7月前
uniapp 新建组件
uniapp 新建组件
68 0
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
78 0
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
129 0
|
JavaScript
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
1300 0
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
373 0
|
自然语言处理 JavaScript 前端开发
ElementUI在实际项目使用的功能总结
ElementUI在实际项目使用的功能总结
ElementUI在实际项目使用的功能总结
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
103 0
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
学习笔记jira项目65-用url参数管理模态框项目
学习笔记jira项目65-用url参数管理模态框项目
91 0
学习笔记jira项目65-用url参数管理模态框项目

热门文章

最新文章