react的深入探讨

      最近两周在公司开始写毕设,使用react框架做前端展示页面,在这里我将记录一下自己写代码过程中遇到的问题和解决的方法以及如何应用蚂蚁金服制作页面:

  学习前端react有用的网址:

   react入门:http://www.ruanyifeng.com/blog/2015/03/react.html

   es6入门:http://es6.ruanyifeng.com/

   icon图标大全:http://www.iconfont.cn/

   前端学习网站:https://developer.mozilla.org/zh-CN/  ;  https://developer.mozilla.org/en-US/

(一)、蚂蚁金服的使用

     蚂蚁金服的网址:https://ant.design/components/table-cn/

    注意:首先使用蚂蚁金服上面的知识,必须先要搭建代码轮廓

        (前提必须装好node.js--下载的地址:https://nodejs.org/en/download/),

         然后了解自己的前端页面的需求,最后开始自己的代码书写阶段啦!

(二)、搭建前端的页面布局

1、注意页面布局分布一般包括顶部,侧边栏,内容,底部,一定要自己认真的布局好,尤其是组件的使用。

     1.1 遇到的问题:组件之间怎么引用?

      解决方法:使用Route和Link属性

 <Route exact path="/" component={PrivyManagementList}></Route>

       注意:component值使用import引入即可;“/”表示当前页面;exact表示只在当前页面显示

<Route path="/PrivyM" component={PrivyManagementList}></Route>
       注意:Route中path的值和下面Link中to的值是互相对应的
<Link to="/PrivyM">

     1.2 遇到的问题:如何验证input框必填项?

     解决方法:根据蚂蚁金服上的验证代码提示,应用即可。必须注意:getFieldDecorator和value不能同时使用,getFieldDecorator中的值与字段中的值相互对应。

     1.3遇到的问题:制作table页面时应用react,没有结果?

      解决方法:引入antd.css, 否则Table组件无法正常显示。

  今天就写到这,下次写react连接后台数据库以及在页面展示数据

   





猜你喜欢

转载自blog.csdn.net/jianshou6442/article/details/79188052