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

相关文章
|
前端开发
修改Ant Design 按钮的样式
修改Ant Design 按钮的样式
488 0
|
4月前
|
前端开发
前端ElementPlus框架中的几种图标按钮使用方式
本文介绍了如何在Element Plus前端框架中使用带有图标的按钮,包括设置按钮大小、图标大小、按钮类型以及如何为图标添加点击事件。
403 0
|
5月前
|
前端开发
【若依】 若依内置富文本框quill,editor居中无效
【若依】 若依内置富文本框quill,editor居中无效
977 0
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
70 0
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
115 0
hook+ant design实现列表的增加和修改(弹出框)
hook+ant design实现列表的增加和修改(弹出框)
89 0
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
313 0
jira学习案例114-拖拽实现3
jira学习案例114-拖拽实现3
71 0
jira学习案例114-拖拽实现3
jira学习案例113-拖拽实现2
jira学习案例113-拖拽实现2
81 0
jira学习案例113-拖拽实现2
jira学习案例112-拖拽实现1
jira学习案例112-拖拽实现1
73 0
jira学习案例112-拖拽实现1