随笔分类 -  React

5-3 使用antDesign的form组件
摘要：import { Form, Icon, Input, Button, Checkbox } from 'antd'; class NormalLoginForm extends React.Component { handleSubmit = e => { e.preventDefault(); this.props.form.validateFields((err... 阅读全文
posted @ 2019-07-19 18:03 千里之外kb 阅读(801) 评论(0) 推荐(0)
5-2 使用antDesign的Table 及 modal(对话情景框) 功能
摘要：1，进入antDesign官网，粘贴table代码 2，看代码各个部分实现什么功能，根据需求改代码 表格类似如下： 代码如下： 阅读全文
posted @ 2019-07-19 17:48 千里之外kb 阅读(3200) 评论(0) 推荐(0)
5-create-react-app整合antDesign功能
摘要：使用ant-design: 首先创建react项目： create-react-app app cd app 其次 AntDesign的高级配置：按需导入组件，自定义主题 1.下载依赖(利用yarn，或者npm都行) yarn add react-router-dom //装路由插件 yarn ad 阅读全文
posted @ 2019-07-18 19:35 千里之外kb 阅读(750) 评论(0) 推荐(0)
4-2路由
摘要：基于浏览器环境的开发，只需要安装react-router-dom 1,第一种跳转方式（不携带参数） 2，第二种跳转方式（js方法，携带参数） 3，使用路由 (并且携带参数) 阅读全文
posted @ 2019-07-18 15:11 千里之外kb 阅读(232) 评论(0) 推荐(0)
4-form表单的双向绑定
摘要：概念：表单中的input框等其他标签，值变化时会触发函数，改变state中的值，反过来修改state中的值也会改变input框中值的展现 实现：利用类组件里的state属性来实现(setState会再次渲染) 利用input框中的checked属性改变选中状态 this.setState({hobb 阅读全文
posted @ 2019-06-14 15:31 千里之外kb 阅读(1044) 评论(0) 推荐(0)
3-类组件及事件绑定
摘要：类组件 该类继承React.Component，并且拥有一个render()函数，该函数的作用与函数组件的那个函数一样，用于返回一个JSX。 state 是组件内部维护的一组用于反映组件UI变化的状态集合。state需要在构造函数中进行初始化，如果要在组件类中重写构造函数，那么需要在构造函数的第一行 阅读全文
posted @ 2019-06-14 09:22 千里之外kb 阅读(441) 评论(0) 推荐(0)
2-渲染及传值
摘要：基本渲染 将变量的值直接显示到页面中。在jsx中可以在大括号直接编写Js代码，如果是变量，则直接输出。 列表渲染 可以通过使用 {} 在 JSX 内构建一个元素集合, key给数组中的每一个元素赋予一个确定唯一的标识，key 帮助 React 识别哪些元素改变了，比如被添加或删除。因此你应当给数组中 阅读全文
posted @ 2019-06-14 09:20 千里之外kb 阅读(312) 评论(0) 推荐(0)
1-使用React的方式
摘要：认识 React React是一个用于构建用户界面的 JAVASCRIPT 库。(JQuery也是) React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。mvvm React起源于 Facebook 的内部项目。 语法： React 使用 JSX (js xml)来替代 阅读全文
posted @ 2019-06-14 09:19 千里之外kb 阅读(359) 评论(0) 推荐(0)