Please enable JavaScript.

Coggle requires JavaScript to display documents.

React - Coggle Diagram

- - - - В аргументе получает пропсы(props) и возвращает React-элемент
    - - Наследуется от React.Component
      - Реализует функцию render(), которая возвращает React-элемент
        
        К props идёт обращение через this
  - - - Пример: <Welcome name="Майк" />
  - - - Вызывается метод componentDidMount
    - - Вызывается метод componentWillUnmount
    - - Вызывается конструктор, когда передаём React-элемент в ReactDOM.render()
    - - Вызывается метод компонента render()
      - Содержимое компонента вставляется в DOM
    - - Происходит при вызове setState
      - Происходит повторный этап Отрисовка
  - - - Можно задавать this.state напрямую
        
        Нужно задавать предварительно все нужные состояния
    - - Поскольку состояние меняется асинхронно, правильно передавать туда функцию с двумя параметрами state, props
      - Можно отдельно проставлять каждое состояние независимо
    - - Возвращает React-элемент
      - Чтобы скрыть, можно вернуть null
      - props
        
        children
        
        Содержит всех потомков, которые были вставлены внутри тега компонента в JSX
        
        Можно передавать вложенные компоненты: <SplitPane left=(<Contacts />) ... />
  - - - Можно вывести ReacDOM.render(<ul>{listItems}</ul>, ...)
    - - <ListItem key={number.toString()} value={number} />
  - - - Для multiple select может быть массивом
  - - - Можно указывать только одно свойство
- - - - Передаются ли они от родителя через пропсы? Если так, тогда эти данные не должны храниться в состоянии компонента.
      - Остаются ли они неизменными со временем? Если так, тогда их тоже не следует хранить в состоянии.
      - Можете ли вы вычислить их на основании любых других данных в своём компоненте или пропсов? Если так, тогда это тоже не состояние.
- - - - Пример: onSubmit={this.handleSubmit}
    - - onClick={this.deleteRow.bind(this, id)}
      - onClick={(e) => this.deleteRow(id, e)}
- - - - Возвращает объект со свойствами
        
        type
        
        props