0

Этот код работает, но по-моему это выглядит странно.

Этот компонент я подключаю в Layout, тем самым он в DOM с самого начала:

let open;
class ModalWindow extends Component {   
  state = {someState: false}
  open = (state) => {
    this.setState({someState: state});
  }
  render() {
    return (JSX);
  }
}

export {open}; //теперь я могу подключить это метод в других компонентах и пользоваться им

export default ModalWindow;

Правильно ли передавать методы таким способом?

4
  • упс.. в методе render забыл дописать open = this.open 22 апр 2018 в 2:21
  • Вообще очень странно выглядит export и export default в одном файле. 22 апр 2018 в 15:09
  • @ИльяПаймушкин Это нормально. Все пользуются import React, {Component} 27 апр 2018 в 9:50
  • я не про import, а про 2 export-а :) 27 апр 2018 в 9:58

1 ответ 1

1
class ModalWindow extends Component {
    constructor(props) {
        super(props);
        this.open = this.open.bind(this);
        this.state = {someState:false}
    }
    open =()=>
    {
        let boolName = (this.state.someState == = "false") ? "true" : "false";
        this.setState({someState:boolName});

        render() {
            return (JSX);
        }
    }
    export default ModalWindow;

В типичном приложении React данные передаются сверху вниз (от родителя к потомку) через свойства props. Однако это может оказаться громоздким для определенных типов свойств (тема UI; предпочтения, связнные с локалью), которые требуются для многих компонентов в приложении. Контекст предоставляет способ совместного использования таких значений между компонентами без необходимости явно передавать свойство через каждый уровень дерева. Вот ссылка: https://learn-reactjs.ru/core/context, почитайте как можно этот метод в приложении передавать. Если он будет часто применяться, есть смысл сделать его отдельной функцией.

1
  • Спасибо. Отличная информация 22 апр 2018 в 2:46

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.