扩展 React.Component vs Component答案

【问题标题】：extending React.Component vs Component扩展 React.Component vs Component
【发布时间】：2017-07-11 09:56:39
【问题描述】：

我刚刚参加了一个关于 React Native 的项目，在那里我经常看到类扩展了 React.Component 和 Component 本身。

例子：

class SomeView extends React.Component

或

class OtherView extends Component

在这两个中我们都导入了React, {Component} from React

是否有任何实际区别，如果有，是哪一个？在网上没有找到任何信息。干杯！

【问题讨论】：

using brackets with javascript import syntax的可能重复
当您执行import { Component } from 'react' 时，您正在导入React.Component。这意味着如果你在文件的开头写import React, { Component } from 'react'，React.Component 指的是与Component 完全相同的类，使你提到的两种语法都有效。
@TadeášPeták 这正是我的想法，只是需要一些确认。谢谢！ :)
其实是有区别的。您可能有多个导出组件的包。因此，从 React.Component 扩展可以清楚明确地使用哪个组件。

标签： reactjs react-native

【解决方案1】：

你可以做任何你想做的事。

执行import { Component } from 'react' 实际上与React.Component 相同。

import { Component } from 'react' 语法称为Named Import

import 语句用于导入由另一个模块导出的绑定。

import defaultExport from "module-name";
import * as name from "module-name";
import { export } from "module-name";
import { export as alias } from "module-name";
import { export1 , export2 } from "module-name";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";

【讨论】：

import { Component } from 'react' 没有解构。这是一个命名的导入。

【解决方案2】：

import {Component} from 'react';

这称为命名模块导入。

The module to import from. This is often a relative or absolute path name to the .js file containing the module, excluding the .js extension. Certain bundlers may permit or require the use of the extension; check your environment. Only single quotes and double quotes Strings are allowed.

【讨论】：