本文将为您提供关于使用es6类时，React中的“super的详细介绍，我们还将为您解释”和“super的相关知识，同时，我们还将为您提供关于Bash中的“$@”和“$*”有什么区别？、Docker中

本文将为您提供关于使用es6类时，React中的“ super的详细介绍，我们还将为您解释”和“ super的相关知识，同时，我们还将为您提供关于Bash中的“$@”和“$*”有什么区别？、Docker 中的“公开”和“发布”有什么区别？、Docker中的“公开”和“发布”有什么区别？、ES6类中对super（props）的调用重要吗？的实用信息。

• 使用es6类时，React中的“ super（）”和“ super（props）”有什么区别？（react中props和state的区别）
• Bash中的“$@”和“$*”有什么区别？
• Docker 中的“公开”和“发布”有什么区别？
• Docker中的“公开”和“发布”有什么区别？
• ES6类中对super（props）的调用重要吗？

使用es6类时，React中的“ super（）”和“ super（props）”有什么区别？（react中props和state的区别）

当是重要的传球props到super()了，为什么？

class MyComponent extends React.Component {  constructor(props) {    super(); // or super(props) ?  }}

答案1

只有一种原因需要传递props给super()：

当您要this.props在构造函数中访问时。

通过：

class MyComponent extends React.Component {        constructor(props) {        super(props)        console.log(this.props)        // -> { icon: ''home'', … }    }}

未通过：

class MyComponent extends React.Component {        constructor(props) {        super()        console.log(this.props)        // -> undefined        // Props parameter is still available        console.log(props)        // -> { icon: ''home'', … }    }    render() {        // No difference outside constructor        console.log(this.props)        // -> { icon: ''home'', … }    }}

注意，通过或不通过props，以super有 没有影响
对以后的用途this.props之外constructor。也就是说render，shouldComponentUpdate或事件处理程序
始终 可以访问它。

这是索菲·阿尔珀特（Sophie Alpert）对类似问题的回答中明确指出的。

建议使用“ 状态和生命周期，将本地状态添加到类，第2点”中的文档：

类组件应始终使用调用基本构造函数props。

但是，没有提供任何理由。我们可以推测它是由于子类化还是出于将来的兼容性。

（感谢@MattBrowne的链接）

Bash中的“$@”和“$*”有什么区别？

for i in "$@"; do echo "@ '$i'"; done
for i in "$*"; do echo "* '$i'"; done

./testvar foo bar baz 'long arg'
@ 'foo'
@ 'bar'
@ 'baz'
@ 'long arg'
* 'foo bar baz long arg'

Docker 中的“公开”和“发布”有什么区别？

...
EXPOSE 8080
...

$ docker build -t an_image - < Dockerfile

$ docker run -d -p 8080 an_image

$ docker run -d -P an_image

$ docker run -d an_image

Docker中的“公开”和“发布”有什么区别？

...
EXPOSE 8080
...

$ docker build -t an_image - < Dockerfile

$ docker run -d -p 8080 an_image

$ docker run -d -P an_image

$ docker run -d an_image

class Tabs extends React.Component {
  displayName: Tabs;

  static propTypes = {
  selected: React.PropTypes.number,children: React.PropTypes.oneOfType([
    React.PropTypes.array,React.PropTypes.element
  ]).isRequired
  };

  constructor() {
  super();
  this.state = {
    selected: 0,maxSelected: 0
  };

  render() {
    return(
      <div>
       {this.props.selected}
       {this.props.children}
      </div>
    );
  }
};

constructor(props) {
  super(props);
}