react的用法和短语例句

react有反应;反攻等意思，那么你知道react的用法吗?下面跟着我一起来学习一下，希望对大家的学习有所帮助!

　 　react的用法：

react的用法1：react的基本意思是“起反应”,特别是良好的或希望得到的反应。react含有“反作用于”的意思,常暗示相互**的影响或相反作用。

react的用法2：react只用作不及物动词,常与介词 against 连用表示“反对〔抗〕”某物; 与on〔upon〕连用表示“对…起作用〔有影响〕”; 与to连用表示“对…作出反应〔评价〕”。react by的意思是“以…方式作出反应”。

react的常用 短语 ：

用作动词 (v.)

react against (v.+prep.)

react by (v.+prep.)

react on〔upon〕 (v.+prep.)

react to (v.+prep.)

react with (v.+prep.)

react的用法例句：

1. There'dbe no telling how John would react to such news as this.

还不知道约翰听到这样的消息会作何反应。

2. I don't react anymore when opponents try to niggle me.

对手找茬惹我时，我不会再理他们。

3. Someone allergic to milk is likely to react to cheese.

对牛奶过敏的人可能对奶酪也有不良反应。

4. Peonies react badly to being moved and are best left undisturbed.

牡丹花不宜挪移，最好别去动它。

5. "How did he react?" — "Very calmly."

“他有什么反应?”——“非常平静。”

6. They'll react aggressively.

他们会作出挑衅性的反应。

7. Nations react strongly to unauthorized overflights.

各国对未经授权的飞越领空行为都会作出激烈反应。

8. Congress is waiting to see how the Oval Office will react.

国会正观望总统方面的反应。

9. The police must be able to react swiftly in an emergency.

警方在面对紧急情况时必须能迅速作出反应.

10. She didn't look up or react in any way.

她既不抬头,也没有任何反应.

11. When the sun comes out, the flowers react by opening.

当太阳出来的时候, 花以张开的形式作出反应.

12. By gravitation the sun and planets act and react upon one another.

太阳与行星通过引力发挥作用并相互影响.

13. How did he react to your suggestion?

他如何对待你的建议?

14. How do acids react on metals?

酸对金属会起什么样的化学反应?

15. Primitive humans needed to be able to react like this to escape from dangerous animals.

原始人必须要能作出这样的反应以逃避危险的动物。

react什么意思

react中文是“反应”的意思；在编程语言中，react是一个为数据提供渲染为HTML视图的开源JavaScript库，React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。

React，是一个为数据提供渲染为HTML视图的开源JavaScript 库。React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。

React为程序员提供了一种子组件不能直接影响外层组件的模型，数据改变时对HTML文档的有效更新，和现代单页应用中组件之间干净的分离。

react的起源

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了

React基础

1.react是一个用于构建用户UI的JS库。

2.若要使用react创建项目，需全局安装：npm(cnpm) i -g create-react-app。

3.react里面的交JSX，即javascript + xml。

4.JSX里面的插入变量，需用{}，里面只支持表达式，不支持语句，例如（if else 则不能插入）

5.创建一个react项目，命令：create-react-app 项目名。

6.使用react，需在文件找中引入react(核心包)， react-dom(浏览器使用)。

7.react-dom包含了一个render方法，用于渲染JSX。

1.const Xabc = () = { return (h1hello world /h1) } 在render中用帕斯卡命名方式引入，例:Xabc/   快捷键：rfc

2.class Xabc extends React.Component { render() { return (div你好/div) }  快捷键：rcc

3.在react里面的JSX里，若是空元素，则推荐使用自闭合。

4.每一个组件的最外层只有一个根元素，在react 16 之后，新增了一个Fragment组件，用于如果您不想生成一层新的空DOM，可使用Fragment，在react中引入{Fragment}

5.this.props.children 是一种特殊的props，表示组件的子元素，相当于Vue里面的solt

6.如果是函数的方式创建的组件，想获取到props，需在函数的参数里面通过一个形参去获取。

7.父组件向子组件传参，直接在子组件调用的地方写属性，除字符串以外，都用{}.

1.用class创建的组件，也叫类组件，只有类组件才有state,若是用箭头函数创建的组件，也叫无状态组件（stateless component）

2.react里面的循环用数组的map实现。

3.创建state,一种是：直接在class里面：state= {}

4.第二种是constrcutor () {

        super();

this.state = {}

}

1.在react里面，修改state必须在this.setState里面去修改，否则不会反应到render()里面

2.setState是异步的，若想获取最新的状态，需在setState中再传入一个回调函数，setState(val,[callback])，只有第二个参数才能获取到最新状态，第一个参数可以是一个对象，也可以是一个function，这个function的第一个参数是上一次的state的状态，必须return一个对象。

3.对于react的方法

    1.用箭头函数，this则指向react

    2.在DOM上调用时，用bind(this)改this指向

    3.不推荐在render里面改指向，可以在constrcutor里面用bind改this。

深度拷贝与浅度拷贝的区别主要在于有没有为拷贝出的新对象在堆中重新分配一块内存区域。浅度拷贝即直接赋值，拷贝的只是原始对象的引用地址，在堆中仍然共用一块内存。而深度拷贝为新对象在堆中重新分配一块内存，所以对新对象的操作不会影响原始对象。

5.lodash

_.cloneDeep()

例如对一个input框进行聚焦事件

1.引入{createRef}

2.对需要的DOM 元素进行操作

3.创建

4.执行（注意要加 .current）

拷贝参考文档：