Проблема в функции преобразования в реагировать как компонент класса в материале пользовательского интерфейса

Question

Я пытаюсь преобразовать функцию FAQSection в класс FAQSection

Это для веб-приложения

const handleChange = panel => (event, isExpanded) => {
    setExpanded(isExpanded ? panel : false);
  };

в

constructor(props){
          super(props);
          this.state = {
            expanded: 'panel0',
            setExpanded: false
          }
          this.handleChange = this.handleChange.bind(this);
    }
handleChange(panel){ 
      this.setState({
      expanded: panel,
      setExpanded: false
    });
   };

Я хочу, чтобы ExpansionPanel работалсо вторым дескриптором вместо первого здесь (https://material -ui.com / компоненты / панели расширения / )

Answer 1

Это может помочь:

constructor(props){
          super(props);
          this.state = { expanded: 'panel0' }
          this.handleChange = this.handleChange.bind(this);
    } 
handleChange(panel){ 
      this.setState({expanded: panel===this.state.expanded?false:panel});    
};

Answer 2

Если вы хотите использовать Function.prototype.bind вместо функций стрелок, вам нужно привязать обработчик событий, как показано ниже.

<button onClick={this.handleChange.bind(this, panel)}>Delete Row</button>
...
handleChange(e, panel) { 
    this.setState({
    expanded: panel,
    setExpanded: false
  });
};