如何将参数传递给类扩展组件

Question

我正在尝试扩展这样的组件：

class LoginPage extends React.Component {
...
}

export default withKeycloak(LoginPage);

但是该示例是这样的：

const LoginPage = ({ keycloak, keycloakInitialized }) => {

我不确定这是否是我对ES6或React本身的不了解，但是我觉得必须有一种方法可以将参数传递给类似的组件-正确吗？

我一直在阅读文档，但不清楚。

Answer 1

在类组件中，您可以在this中包含这些道具，因此您可以像这样在this.props中使用它们来访问它们。

const {keycloak, keycloakInitialized} = this.props;

// or simply
console.log(this.props.keycloak);

，您应该看一下以了解destructuring。

Answer 2

因此这是从props对象破坏的。为了在类组件内部实现相同的结果，请将其编写在render函数中。

render() {
const {keycloak, keycloakInitialized} = this.props

return(<div></div>)

}