Как передать аргументы компоненту расширения класса
Я пытаюсь расширить компонент как таковой:
class LoginPage extends React.Component {
...
}
export default withKeycloak(LoginPage);
Однако пример делает это следующим образом:
const LoginPage = ({ keycloak, keycloakInitialized }) => {
Я не уверен, что я чего-то не понимаю в ES6 или самом React, но я чувствую, что должен быть способ передать аргументы такому компоненту - верно?
Я читал документацию, но она не совсем ясна.
О, понял, значит, я должен иметь доступ к этим переменным из this.props? Или мне нужно что-то сделать с конструктором
Стерлинг прав, и в дополнение к его комментарию, реквизит доступен с помощью this.props.
Определите свой конструктор как constructor(props) { super(props); }. Проверьте документы для более подробного объяснения
@SterlingArcher Конструктор является необязательным, если вы не собираетесь ничего к нему добавлять.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
так что это деструктор из объекта реквизита. Чтобы добиться того же результата внутри компонента класса, напишите это внутри своей функции рендеринга.
render() {
const {keycloak, keycloakInitialized} = this.props
return(<div></div>)
}
убедитесь, что вы также объявляете свои реквизиты внутри своего конструктора.. вот так. конструктор (реквизит) {супер (реквизит)}
Конструктор является необязательным, если вы не собираетесь ничего к нему добавлять.
конструктор не является необязательным, когда вам нужно получить доступ к this.props?
Это. constructor(props){ super(props); } является эквивалентом конструктора по умолчанию, вам не нужно добавлять его самостоятельно, если вы не хотите его переопределить.
В компонентах класса у вас есть свойства внутри this, поэтому вы можете получить к ним доступ в любом месте внутри класса, используя this.props вот так.
const {keycloak, keycloakInitialized} = this.props;
// or simply
console.info(this.props.keycloak);
и вы должны взглянуть на это, чтобы понять деструктурирование.
Ключевым отличием здесь являются деструктурированные реквизиты в компоненте без сохранения состояния. В компоненте состояния реквизиты передаются в функцию-конструктор.