react-native 下拉框


-
react-native 框架下的下拉框,性能优良,没有bug,可以多选和单选
-
2019-03-26
商品信息菜单 – react-native-selector_course
2019-09-12Install npm install react-native-selector --save API Props Type Description optionsData PropTypes.a
1.49MB
react-native-picker-select,
2019-10-11react native的picker组件,它模拟ios和android的native'select'接口
react-native-picker-select,下载_course
2020-01-24react native的picker组件,它模拟ios和android的native'select'接口 相关下载链接://download.csdn.net/download/weixin_387
react select 如何从后端获取下拉框的值_course
2019-07-15``` const processData=['process1','process2','test']; const productData={ process1:['pro1','pro2','pro3'], process2:['pro4','pro5','pro6'], test:['1'] }; const seamData={ pro1:['s1','s2'], pro2:['s3'], pro3:['s4'], pro4:['s5'], pro5:['s6'], pro6:['s7','s8'], 1:['1'] }; class _CreateOrderTask extends React.Component<Props> { state = { loading: false, pagination : { pageSize: 5, current: 1 }, orderId:'', seams:productData[processData[0]], seams0:productData[processData[0]][0], seams1:seamData[productData[processData[0]][0]], //seams2:seamData[productData[processData[0]][0]][0], }; handleProcessChange = (value:any) => { this.setState({ seams: productData[value], seams0:productData[value][0], }); }; handleProductChange = (value:any) => { this.setState({ seams1:seamData[value], seams2:seamData[value][0], }); }; onSecondSeamChange = (value:any) => { this.setState({ seams2: value, }); }; public render() { const { getFieldDecorator } = this.props.form; const { seams,seams1 } = this.state; return ( <div> <h1 style={{ paddingLeft: 20 }}>请填写任务信息</h1> <Spin spinning={this.state.loading}> <Form style={{ width: 500, marginTop: 20, marginLeft: "auto", marginRight: "auto" }} onSubmit={this.handleSubmit}> <Item {...formItemLayout} label={"选择产品"}>{ getFieldDecorator('orderProcess', { rules: [{ required: true, message: '选择产品' }], initialValue:this.props.orderProcess })( <Select placeholder="请选择产品" defaultValue={processData[0]} style={{ width: 120 }} onChange={this.handleProcessChange} > {processData.map(process => ( <Option key={process}>{process}</Option> ))} </Select> )} </Item> <Item {...formItemLayout} label={"选择部件"}>{ getFieldDecorator('orderProduct', { rules: [{ required: true, message: '选择部件' }], initialValue:this.props.orderProduct })( <Select defaultValue={this.state.seams0[0]} style={{ width: 120 }} value={this.state.seams0} onChange={this.handleProductChange} > {seams.map((seam:any) => ( <Option key={seam}>{seam}</Option> ))} </Select> )} </Item> <Item {...formItemLayout} label={"选择接口"}>{ getFieldDecorator('orderSeam', { rules: [{ required: true, message: '选择接口' }], initialValue:this.props.orderSeam })( <Select defaultValue={this.state.seams1[0]} style={{ width: 120 }} value={this.state.seams1} onChange={this.onSecondSeamChange} > {seams1.map((seam1:any) => ( <Option key={seam1}>{seam1}</Option> ))} </Select> )} </Item> <Item> <Row style={{ marginTop: 50 }}> <Col span={11} style={{ textAlign: "right" }}> <Button key="cancel" size={"large"} onClick={this.onCancel}> 取 消 </Button> </Col> <Col span={1}> </Col> <Col span={12}> <Button key="ok" type="primary" htmlType="submit" size={"large"} loading={false}> 确 定 </Button> </Col> </Row> </Item> </Form> </Spin> </div> ); } ``` 问题描述:现在只是写死的数据实现了三级联动,现在问题是我想把写死的数据改成我从后台获取的值,产品,部件,接口分别是数据库中的三个表。。。
react-native 下拉框下载_course
2018-09-29react-native 框架下的下拉框,性能优良,没有bug,可以多选和单选 相关下载链接://download.csdn.net/download/qq_36894281/10694276?utm
React Native日期时间选择器 – react-native-modal-datetime-picker_course
2019-09-12react-native-modal-datetime-picker 一个React Native日期时间选择器,能够在Android和iOS上运行。 GIFs! 使用方法 import React
-
博客
SAS-Day1-简单作业
SAS-Day1-简单作业
-
博客
Git&GitHub入门(MAC)
Git&GitHub入门(MAC)
-
学院
libFuzzer视频教程
libFuzzer视频教程
-
下载
基于51单片机的洗衣机控制器设计.rar
基于51单片机的洗衣机控制器设计.rar
-
博客
php5指定参数类型只有两个,一个为class类和数组array
php5指定参数类型只有两个,一个为class类和数组array
-
博客
Xshell连接VMware虚拟机
Xshell连接VMware虚拟机
-
下载
Tecplot 360 EX 2020 Release 2 User's Manual 用户手册
Tecplot 360 EX 2020 Release 2 User's Manual 用户手册
-
下载
基于对偶四元数的姿轨耦合动力学模型1.md
基于对偶四元数的姿轨耦合动力学模型1.md
-
下载
辅助控制器来料检验规范模版.docx
辅助控制器来料检验规范模版.docx
-
下载
华为信息安全风险评估服务主打胶片.ppt
华为信息安全风险评估服务主打胶片.ppt
-
下载
批量生成条形码和二维码.zip
批量生成条形码和二维码.zip
-
学院
MySQL NDB Cluster 负载均衡和高可用集群
MySQL NDB Cluster 负载均衡和高可用集群
-
博客
JAVA 8与JAVA 11到底该怎么选?
JAVA 8与JAVA 11到底该怎么选?
-
下载
vue-demo2.zip
vue-demo2.zip
-
博客
js浅拷贝、深拷贝的实现
js浅拷贝、深拷贝的实现
-
下载
LQ 方案 .pdf
LQ 方案 .pdf
-
博客
php实现上传图片保存到数据库的方法
php实现上传图片保存到数据库的方法
-
博客
Qt教程(自学笔记)
Qt教程(自学笔记)
-
学院
FTP 文件传输服务
FTP 文件传输服务
-
博客
web前端--重要知识点
web前端--重要知识点
-
下载
IDEA远程调试SpringBoot项目.pdf
IDEA远程调试SpringBoot项目.pdf
-
学院
linux基础入门和项目实战部署系列课程
linux基础入门和项目实战部署系列课程
-
博客
zjs-my-diary-202210301
zjs-my-diary-202210301
-
博客
Vue项目城市选择页-页面的动态数据渲染(8-5)
Vue项目城市选择页-页面的动态数据渲染(8-5)
-
下载
基于FPGA的verilog语言的数码管显示计数程序
基于FPGA的verilog语言的数码管显示计数程序
-
学院
MMM 集群部署实现 MySQL 高可用和读写分离
MMM 集群部署实现 MySQL 高可用和读写分离
-
下载
zookeeper-3.4.14.tar.zip
zookeeper-3.4.14.tar.zip
-
下载
linux c MD5加密 程序源代码 和 测试程序
linux c MD5加密 程序源代码 和 测试程序
-
下载
信息安全风险评估与风险管理.ppt
信息安全风险评估与风险管理.ppt
-
下载
setup_clover@3.5.4.rar
setup_clover@3.5.4.rar