javascript - 如何修改React扩展类？

所以说我有这个

class ExampleOne extends ExampleTwo

在ExampleTwo中有这个

return (
    <div className="test">
        <MyComponent exampleLabel="ExampleTwo">

是否可以将MyComponent的exampleLabel修改为对ExampleOne类说“ ExampleOne”？

最佳答案

有两种情况

1）如果可以修改ExampleTwo，请使用react props

class ExampleTwo extends React.Component {
      render() {
        return <div>
          <MyComponent exampleLabel={this.props.exampleLabel || 'ExampleTwo'}/>
        </div>;
      }
}
// And render as
<ExampleOne exampleLabel="ExampleOne"/>

2）如果无法修改ExampleTwo，则可以覆盖render函数

class ExampleOne extends ExampleTwo {
   render() {
        return <div>
          <MyComponent exampleLabel="ExampleOne"/>
        </div>;
      }
}

关于javascript - 如何修改React扩展类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38841108/