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 按钮的样式
434 0
|
3月前
|
前端开发
前端ElementPlus框架中的几种图标按钮使用方式
本文介绍了如何在Element Plus前端框架中使用带有图标的按钮,包括设置按钮大小、图标大小、按钮类型以及如何为图标添加点击事件。
311 0
|
4月前
uniapp 新建组件
uniapp 新建组件
49 0
|
6月前
|
移动开发 小程序 API
uniapp中uview组件库TopTips 顶部提示使用方法
uniapp中uview组件库TopTips 顶部提示使用方法
182 1
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
67 0
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
109 0
|
6月前
Ant Design组件动态嵌套表单制作
Ant Design组件动态嵌套表单制作
220 0
Ant Design 中表单内容如何设置,更改,回显功能写法
Ant Design 中表单内容如何设置,更改,回显功能写法
235 0
CTK框架 - 将菜单按钮写到插件中
之前我们在的两个插件Core和About,在Core和About中加入了界面,并且Core中插入了一个菜单,点击之后弹出About界面。 我们现在来用之前的知识把菜单改成注册的,并且点击之后弹出About界面。 我这里的思路是使用事件或者是在Core中加注册的服务来注册菜单。之后点击菜单的时候发送事件。
112 0
|
JavaScript
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
1188 0