Phản ứng - khi nào gọi phản ứng như một biến vs nhập phản ứng

Question

Tôi làm việc tại một công ty có cơ sở mã phản ứng lớn ... không phải tất cả đều phản ứng tiêu chuẩn, và không phải tất cả tuân theo tiêu chuẩn riêng của nó (im nghĩ rằng đây là tiêu chuẩn khá haha).

Tôi thấy phản ứng được đưa vào các thành phần khác nhau trong suốt. Dưới đây là hai ví dụ - được đánh dấu bằng (1) và (2):

(1) let React = require('react'); 
(2) import React, {Component, PropTypes} from 'react'; 

Sự khác biệt và lý do sử dụng cái kia với cái kia là gì? Không chỉ có react được đưa vào. Tôi cũng thấy import {Component, PropTypes} from 'react'; và let {Component} = React;.

Tôi đã thực hiện tìm kiếm ngắn gọn về chúng internets và không thể tìm thấy những gì tôi đang tìm kiếm. có thể các cụm từ tìm kiếm của tôi bị tắt một chút. Id được hạnh phúc với lời giải thích ngắn gọn và tài liệu hy vọng để đi với nó. Cảm ơn bạn.

Answer 1

Sự khác biệt giữa hai là

1) let React = require('react'); 

là ES5 cú pháp, trong khi

2) import React, {Component, PropTypes} from 'react'; 

là ES6 cú pháp

Tuy nhiên không có Javascript engine như chưa supporst ES6 và do đó một số công cụ tiện ích như babel đằng sau hậu trường chuyển đổi định nghĩa ES6 sang cú pháp ES5 của yêu cầu mà @azium nói là cú pháp commonJS của Node chỉ để nhập các mô-đun.

Answer 2

• 1) là cú pháp của ECMAScript 5 (ES5) xuất bản năm 2009
• 2) là cú pháp của ECMAScript 6 (ES6) còn được gọi là ECMAScript 2015 (ES2015) xuất bản năm 2015

(1) let React = require('react'); 
(2) import React, {Component, PropTypes} from 'react';