3

ИМХО: получение данных из компонента довольно затратная операция (нужно передавать callback родителя, учитывать структуру данных и т.д.)

поэтому имеет смысл создавать дочерние компоненты только для отображения данных

например:

class ItemsList extends React.Component {
      render() {
        return(
        <div>         
            <ul>
                <Item name="Item1" />
                <Item name="Item2" />
...

но в большинстве случаев код Item довольно тривиален:

class Item extends React.Component {
      render() {
        return <li>{this.props.name}</li>;
      }
    }

тогда возникает вопрос, зачем создавать компонент для 1-2х строк HTML-кода, если их можно разместить в родителе?

19
  • 1
    "ИМХО: получение данных из компонента довольно затратная операция" - нет. Это экономия на спичках которая оборачивается усложнением кода. Узкое место таки обычно голова программиста. Запись в дом узкое место. Создание пары-трйоки небольших js-объектов в памяти - обычно не узкое место. 17 мая 2017 в 10:21
  • 1
    ну да, работа с формами в реакте осложняется, потому что компоненты форм по своей природе стейтфул. Для работы с этим используется паттерн controlled components (ну то есть да, в дочернем). Подробнее тут: facebook.github.io/react/docs/forms. Но опять же, если у вас компонент просто форма отвечающая за объект одной степени вложенности, то можно на мелкие кусочки не дробить. 17 мая 2017 в 12:18
  • 1
    1). Суть при разбиении на компоненты не только и не столько повторное использование, сколько уменьшение количества вещей о которых приходится думать при работе над компонентами. То есть разбивать на штуки о которых проще думать. Это раз. 2) Все обычно колбек прокидывают, это нормальаня практика. Прокидывать пропсом штуку чтобы потом ее мутировать - категорически не рекомендуется. Пропсы считаются иммутабельными, и с какйо-то версии кажется физически морозятся 17 мая 2017 в 13:00
  • 1
    3). Если вам много надо с формами работать, то есть тележка всяческих оберток. Самая распространенная - redux-form, но лично у меня с ней опыт весьма печален 17 мая 2017 в 13:01
  • 1
    компонент - это физически просто навороченный js-объект, так что да, разумеется такая возможность есть. Можно компоненты-контейнеры писать типа <Container><Item/><Item/></Container> и обращаться к итемам внутри контейнера как к this.props.children. Но для всяких модальных окон которые одинаковы везде полезно использовать паттерн "портал" - это когда компонент рендерит себя в другую часть дома. Подробнее читать например тут: habrahabr.ru/company/smartprogress/blog/306096 17 мая 2017 в 13:15

0

Ваш ответ

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

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