Узнайте, кто рендерит компонент при отладке React

Question

Узнайте, кто рендерит компонент при отладке React

Используйте get_ipython(), чтобы получить ссылку на текущий InteractiveShell , затем вызовите метод magic():

In [1]: ipy = get_ipython()

In [2]: ipy.magic("run foo.py")
ERROR: File `u'foo.py'` not found.

Редактировать См. ответ minrk - это гораздо лучший способ сделать это.

1

debugging reactjs javascript

задан conartist6 16 January 2019 в 00:33

2 ответа

Другие вопросы по тегам:

debugging reactjs javascript

Похожие вопросы:

score 0 · Answer 1

Вы можете использовать плагин React chrome devtools, чтобы увидеть обработанное дерево компонентов. В настоящее время он находится здесь:

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

При выборе компонента вы можно даже увидеть предоставленные реквизиты.

Если вам нужна отладочная информация о перерывах, например, вы можете использовать механизмы проверки ошибок реагирования (согласно ответу Никиты)

score 0 · Answer 2

Да, посмотрите здесь: https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html#component-stack-traces [ 114]

В основном вы можете использовать componentDidCatch.

При использовании React 15 или ниже

class MyComponent extends React.Component {
  fallbackProps = {color: "red"};

  render() {
    const propsAreCorrect = checkProps(this.props);
    if(!propsAreCorrect) alert("aah, something bad happend!");

    const props = propsAreCorrect ? this.props : this.fallbackProps;
    return <div color={props.color}></div>;
  }
}