Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React中的类和继承_Reactjs - Fatal编程技术网

Reactjs React中的类和继承

Reactjs React中的类和继承,reactjs,Reactjs,我不熟悉编程和JS/React React哲学倾向于组合而不是继承,然而官方的React示例使用“扩展的类” 有矛盾吗?有没有一种不用类就能重写的方法 例如: class Square extends React.Component { render() { return ( <button className="square"> {this.props.value} </button> );

我不熟悉编程和JS/React

React哲学倾向于组合而不是继承,然而官方的React示例使用“扩展的类”

有矛盾吗?有没有一种不用类就能重写的方法

例如:

class Square extends React.Component {
  render() {
    return (
      <button className="square">
        {this.props.value}
      </button>
    );
  }
}

From here: https://reactjs.org/tutorial/tutorial.html
类Square扩展了React.Component{
render(){
返回(
{this.props.value}
);
}
}
从这里开始:https://reactjs.org/tutorial/tutorial.html

所有react组件都必须扩展包含所有组件的basic的
react.Component
类。react原理仅阻止一个组件扩展另一个组件这一事实

无论如何,有一种方法可以防止使用类、函数和挂钩(如果需要):

constsquare=({value})=>(
{value}
);
见:

大宗报价

props(){Square:anytype}render(){return(const Square=this.props;{Square});}


谢谢我还看到“这个”这个神奇的词消失了。它的缺失有什么意义吗?单词
this
引用类的当前实例。这里,我们使用的是函数,没有类,所以没有
这个