Javascript 创建react组件的不同之处

Javascript 创建react组件的不同之处,javascript,reactjs,Javascript,Reactjs,我经常看到人们使用两种不同的方法来制作组件 import React from 'react'; class Alpha extends React.Component { render(){ ... } } 或 哪种方式更好?这两种方法的区别是什么?ES6有一种称为对象分解的功能 来自“react”的{Component}等于react.Component 所以他们都是一样的 让我 ES6中有一个称为对象分解的功能 来自“react”的{Component}等于react.C

我经常看到人们使用两种不同的方法来制作组件

import React from 'react';

class Alpha extends React.Component {
  render(){
   ...
  }
}


哪种方式更好?这两种方法的区别是什么?

ES6有一种称为对象分解的功能

来自“react”的{Component}等于react.Component 所以他们都是一样的 让我


ES6中有一个称为对象分解的功能

来自“react”的{Component}等于react.Component 所以他们都是一样的 让我

哪种方式更好

两者都不是,或者两者都不是;e、 这没什么区别

这两种方法有什么区别

唯一的区别是,在第二个示例中,模块中有一个范围内
组件
标识符,而在第一个示例中没有。很像你写的:

import React from 'react';
const Component = React.Component;
(与JavaScript引擎非常相似,但并不完全相同,或者至少不支持一次真正的模块。)

这是你使用哪种风格的问题

哪种方式更好

两者都不是,或者两者都不是;e、 这没什么区别

这两种方法有什么区别

唯一的区别是,在第二个示例中,模块中有一个范围内
组件
标识符,而在第一个示例中没有。很像你写的:

import React from 'react';
const Component = React.Component;
(与JavaScript引擎非常相似,但并不完全相同,或者至少不支持一次真正的模块。)


这是你使用哪种风格的问题。

它们都是一样的,我想更好的是第二种,因为它很简单

基本上如果你说:

import React from 'react';
您正在从该文件导入“默认”导出值:

export default function React() {...}
但如果你正在做:

import { Component } from 'react';
您将直接导入导出的值

export function Component() {...}

它们都一样,我想更好的是第二个,因为它很简单

基本上如果你说:

import React from 'react';
您正在从该文件导入“默认”导出值:

export default function React() {...}
但如果你正在做:

import { Component } from 'react';
您将直接导入导出的值

export function Component() {...}