摘要: 在React中HTML的from元素与其他的DOM元素有些不同。因为表单元素自然而然的会有一些内部状态 一.controlled components 在HTML中,像input,select,textarea这些表单元素都会维持自己的状态,并且会基于用户输入更新状态。在React中,易变的状态通常 阅读全文
posted @ 2017-09-16 20:08 QxQstar 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 在React中,你可以创建各种不同的组件,然后根据应用的状态渲染出它们其中的一般部分。 一.用变量存储元素 可以将元素保存到一个变量中,通过为变量赋不同的值去渲染不同的元素 二.阻止组件渲染 在少数情况下,你可能想让组件隐藏它自己而非被渲染到其他组件中,可以通过return null达到这种效果 在 阅读全文
posted @ 2017-09-16 15:03 QxQstar 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 1.绑定在React元素上的事件与绑定在DOM元素上的事件非常相似,但是也有一个不同的地方 React事件使用驼峰命名法命名 在React中不能通过使用return false阻止事件的默认行为,必须显示的调用event.preventDefault()去阻止默认行为 2.React中的event。 阅读全文
posted @ 2017-09-16 10:01 QxQstar 阅读(403) 评论(0) 推荐(0) 编辑
摘要: 在React——组件中介绍过组件有两种定义方式:函数形式以及类形式。但是要想在组件中使用state,就必须使用类形式定义组件。 组件中的state是组件私有的,完全由组件自己控制。 使用类形式定义一个Clock组件 上面的代码中,在构造函数中初始化state 构造函数应该以props作为参数 将Cl 阅读全文
posted @ 2017-09-16 09:36 QxQstar 阅读(592) 评论(0) 推荐(1) 编辑
摘要: 一.创建组件 在React中有两种创建组件的方式,分别是函数形式的组件和类形式的组件 在下面都是以函数形式的组件为例 在页面中显示自定义组件 执行这段代码在页面中会显示:this is a page ,li! 解释上述代码: 1.将<Welcome name='li'/>作为ReactDOM.ren 阅读全文
posted @ 2017-09-16 08:50 QxQstar 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 一.将表达式嵌套在JSX中 要在JSX中内嵌js表达式只需要将js表达式放在{}中,例如: 二.JSX也是表达式 在编译之后Jsx会成为一个常规的js对象。所以可以在if,for语句中使用Jsx,例如 注:使用jsx时,标签之间的内容会被当作字符串({}中的会被当作js语句),如 三.使用JSX给元 阅读全文
posted @ 2017-09-16 08:37 QxQstar 阅读(377) 评论(0) 推荐(0) 编辑