前言 最近要做UI,有时候需要在代码中调整改变UI控件的属性,比如位置、大小等,然而在NGUI里面,控制UI控件的位置等属性的是RectTransform这个组件,这个组件继...
01 618电商大促的第二天,和同事交流购物心得,我说我买了四百多块钱的书。她们面露诧异之情:我一年都没买过四百块钱的书啊! 因为很多时候书籍也是同事代收,我才意识到和她们衣...
是
052|JavaScript getter&setter我们知道,一个对象可以拥有属性。在过去,我们只要有了对象的引用,就可以随意的操作属性。如: 为了让对象属性拥有封装性,不让外部随意改动属性,我们可以通过提供函数来操作属性。通...
在React中,可以添加对props类型的检察。如: 觉见的ProtoTypes: React中还可以通过defaultTypes来设置默认参数: 因为函数式组件不支持sta...
假设有层级 A->B->C->D,如果A需要传递一个参数给D,根据前文的知识,只能通过props参数一层一层传递。 有没有更便捷的方法呢?React提供了context机制来...
在前面的课程中,我们介绍了在React中如何处理表单。通过截获控件onChange方法,从而将value控制于组件中的模式叫做Controlled Component。 Co...
ref是React组件中的一个特殊特性(attribute),它指向一个函数,暂叫ref函数。 当组件mount或unmount时ref函数会被调用,基参数是原始的DOM对象...
使用import导入其它文件中的component: 可以使用dot-notation来引用component: 自定义组件首字母必须大写: 可以通过变量引用组件: prop...
在HTML中,一个经典表单如下: 在React中,表单存在于一个组件中。为了更好的控制,通知组件会将控件的赋值操作给截获,获取新值,然后再设置于控制。这样可以保证表单与组件中...
我们可以生成一个包含多个标签的JSX元素: 通过以下代理来引用: 会输出以下结果: 我们可以将上述逻辑封闭成一个组件,通过组件的props来控制 的数量 : keys 上例中...
JSX表达式中可以使用&&来达到if语句的效果: 若要在JSX中达到if...else效果,可以使用if三元表达式 又如: 为了阻止一个组件绘制,直接返回null即可。 Re...
在React的事件处理和HTML事件处理非常相似,我们像如下这样处理一个Button的点击事件: 在HTML中我们通过return false来拒绝默认行为,而React中需...
在JSX中,每一个组件除了props属性外,还有一个state属性。注意state全部为小写。 例如,下面的代码中,在constructor中初始化state,然后在rend...
元素 在每一个React制作的页面中,必须有一个根div,如: 当React代码执行时,通过ReactDOM.render()将React元素或React组件添加进div中,...
下面的代码即不是HTML,也不是JavaScript,而是JSX: JSX语言允许在常规JavaScript语句中直接插入HTML的语言。JSX语言中的HTML代码段叫做JS...