IUAP(一)

如果切换了淘宝源下载还是很慢，则试试用友源

npm install ynpm-tool -g

ynpm install

VS Code

npm install axios --save-dev 下载安装到本项目并添加到devDependencies

npm install axios --save 下载安装到本项目并 添加到 "dependencies": {

npm install axios -s 下载安装到本项目

ucf -v 查看 用友前端框架版本

构建项目

npm run build

ucf-scripts build

chrome 调试

父组件给子组件传值 可以一个字段一个字段传也可以 {...props} 传全部

react 按钮需要onClick={this.click.bind(this)} 必需bind(this) 否则click方法内的this，不是组件 也可以用箭头函数则不需要bind , click = () => {XXX}

state 是对自身组件内容的数据控制显示等，props 是外部组件传到当前组件的信息。

安装ucf 和ucf-cli

npm install ucf-cli -g

npm install ucf-cli@1.2.3 -g

//创建新应用

ucf new app

ucf.config.js 的bootList 里配置项目名，部署时才会部署该模块

package.json 配置默认项目

router使用

先导入mirrorx，点击按钮后再获取

actions.routing.push({

pathname: '目的路由名',

search:'传递参数，?开头，变量用${} 包裹'

})

import {actions} from 'mirrorx'

 

异步请求更新页面

effects里添加async 方法，方法有2个参数，第一个params 为传入参数，getState是固定参数

这里的演示代码setTimeOut只是为了模拟异步请求的时间差

 

index.js里调用该方法

let {data:res}= await api.getiuapdemo(params);

首先解构，把data从返回值里解出来，然后取别名为 res。必须加 await 否则需要自己解析Promise

 

查询模版清空不生效，清空实际上是设置默认值。所以需要配置默认值

initialValue: null 或者 initialValue: ''

 使用 ${变量名} 需要用 ` 包裹