Блог

Главная - Вопросы по программированию - Как использовать функцию вне компонента класса в React

Как использовать функцию вне компонента класса в React

#javascript #reactjs

#javascript #reactjs

Вопрос:

Я пытаюсь понять функциональные компоненты в react, но не получаю реальной картины. Здесь я взял некоторый код и изменил его для собственного понимания. Любая помощь.

Реагировать:

 class App extends React.Component {
    state = { count: 0, add: 2 }

    handleIncrement() {
      this.setState({ count: this.state.count   1 })
    }

    handleDecrement() {
       this.setState({ count: this.state.count - 1 })
     }

     anyMore() {
        this.setState({ add: this.state.add })
        this.setState({ count: this.state.count })
        any(add, count)
     }

    render() {
       return (
         <div>
             <button onClick={this.handleIncrement}>Increment by 1</button>
             <button onClick={this.handleDecrement}>Decrement by 1</button> <br />
             <button onClick={this.anyMore}>Add 2</button>
             <div>
                <p>amp;nbsp;{this.state.count} </p> <p>amp;nbsp; {this.state.add} </p>
             </div>
         </div>
    )
  }
}

ReactDOM.render(
   <App />,
   document.getElementById('root')
 );

  function any() {
     return a * b;
   }

Комментарии:

1. Что вы пытаетесь сделать? Каков ваш вариант использования? Вы можете вызвать любую функцию в соответствии с обычными правилами JS.

2. Харша Лимайе, я пытаюсь использовать «любую» функцию внутри компонента приложения.

3. вы должны создать объект App класса. затем вы можете получить доступ к функции вне класса.

4. вы можете объявить любую функцию и использовать ее как обычно. Просто объявите ее, как обычно, внутри класса. Точно так же, как и больше, и обрабатывать уменьшение и увеличение. Я не понимаю основной проблемы.

Ответ №1:

Просто пытаюсь понять и найти решение, я думаю, вы можете пойти на это

 class App extends Component {

render() {
    return (
        Any()
    );
}
}
const Any = () => {
return (
    <div>
        return a * b
    </div>
);
};

export default App;

Комментарии:

1. Фахад, я намеренно написал функцию Any вне приложения, но хочу вызвать внутри Aoo

2. Да, в этом случае Any() — это функция со стрелкой, которую я вызвал внутри приложения (компонент класса)

3. Фахад, спасибо.