Javascript 这段代码如何转换为类表示？

我试图理解下面的代码（来自Redux示例）是如何使用类表示法编写的。 代码是

const App = ({todos, actions}) => (
  <div>
    <Header addTodo={actions.addTodo} />
    <MainSection todos={todos} actions={actions} />
  </div>

---

您可以简单地执行React要求的操作，将整个道具传递给超类，并明确地获得所需的属性

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
this.todos=props.todos；
this.actions=props.actions；
}
render（）{
返回(
操作：{this.Actions}
{/*
*/}
)
}
}
ReactDOM.render（，document.getElementById（'app'））

---

任何传递到

应用程序的内容都是
道具。而
（{todos，actions}）
只是从
道具中解构出来的。这应该起作用：

class App extends React.Component {

  render() {
    const { todos, actions } = this.props;
    return(
      <div>
        <Header addTodo={actions.addTodo} />
        <MainSection todos={todos} actions={actions} />
      </div>
    )
  }
}

类应用程序扩展了React.Component{
render（）{
const{todos，actions}=this.props；
返回(
)
}
}

通过在构造函数中设置this.todo=todos
，可以设置实例级属性。这意味着如果道具稍后更改，
Header
和
main section
将不会更新。
构造函数现在是多余的OK，现在使用const{todos，actions}=this.props；超级（{todos，actions}）它按我的预期工作。但我得到了警告，而我认为我传递的正是我收到的。我知道构造函数是什么superfluous@cdarwin，
super（{blah}）
意味着，创建一个包含
blah
的新对象，然后将其传递给super。因此发出警告。不要那样做。
class App extends React.Component {

  render() {
    const { todos, actions } = this.props;
    return(
      <div>
        <Header addTodo={actions.addTodo} />
        <MainSection todos={todos} actions={actions} />
      </div>
    )
  }
}