ReactJS前端项目 问题与解决记录(刚接触前端,根据项目中遇到的坑持续更新)

WEB前端 waitig 544℃ 百度已收录 0评论

因为公司最近有些项目很忙,前端小组的同学都忙着搞自己的事,没有时间帮我们测试开发开发新平台前端了,老大就把新项目的前端任务丢给了我,包括维护早起一个项目的更新。所以,我得前端入坑之路,就这么开始了,因为是0基础,我觉得有必要把坑都记下来,可能会比较能帮助到更多和我一样的前端新人。

下面的内容会根据项目情况持续更新。目前项目是前辈搭好给我写页面的,所以我目前只能记录写写页面遇到的坑,对于架构,组件,外部组件技术,先就没法记录了。以后空闲研究了补上。

npm


npm install 速度慢 :

  • 使用cnpm

在80端口执行 npm run xxx 报错 “Port 80 requires elevated privileges”:

  • 执行需要管理员权限 sudo执行

ant design


不知道为何我打不开AntDesign的官方文档:

  • 下载官方文档源代码本地运行:npm start ,然后访问:http://localhost:8001/

使用Form组件,示例代码里
const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } = this.props.form
这个语句报错,或者很多特性用不了:

  • 检查是不是忘了使用这个语句创建你的Form:
    const xxxForm = Form.create()(xxxxForm);

在Reactjs中,对于Input,想要能够实时更改input中的值:

  • 使用initialValue来设置初始值,这样就不会因为使用value值把值写死,再想改变值就的使用出发时间,更改state等等,比较麻烦。示例(省略若干代码,只列出关键):
//code 省略
const FormItem = Form.Item;

//code 省略
const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } = this.props.form;

//code 省略
<FormItem label="中文名" 
   labelCol={{ span: 3 }} 
   wrapperCol={{ span: 7 }}>
   {getFieldDecorator('labNo', { initialValue: this.props.userChnName })(
   <Input/>)}
</FormItem>

//code 省略
const xxxForm = Form.create()(xxx);
//code 省略

本文由【waitig】发表在等英博客
本文固定链接:ReactJS前端项目 问题与解决记录(刚接触前端,根据项目中遇到的坑持续更新)
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)