Телеграмм чат группы react

Здравствуйте. Подскажите, законно ли передавать управление в сторону от родителя к чайлду, а не как это принято, наоборот? Чревато ли это чем-нибудь нехорошим?

function Child(props) {
  const { hidden, setHidden } = props;

  return <>
    {hidden || 'Hello'}
    <button
      onClick={() => setHidden(!hidden)}
    >
      Toggle
    </button>
  </>
}

function Parent() {
  const [hidden, setHidden] = useState(false);

  return <Child
    hidden={hidden}
    setHidden={setHidden}
  />
}

источник

12:30пожаловаться #7

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

makoven

Здравствуйте. Подскажите, законно ли передавать управление в сторону от родителя к чайлду, а не как это принято, наоборот? Чревато ли это чем-нибудь нехорошим?

function Child(props) {
  const { hidden, setHidden } = props;

  return <>
    {hidden || 'Hello'}
    <button
      onClick={() => setHidden(!hidden)}
    >
      Toggle
    </button>
  </>
}

function Parent() {
  const [hidden, setHidden] = useState(false);

  return <Child
    hidden={hidden}
    setHidden={setHidden}
  />
}

Ты написал как принято или альтернативный вариант ?

источник

12:32пожаловаться #8

К

Карамультук... in React — русскоговорящее сообщество

makoven

Здравствуйте. Подскажите, законно ли передавать управление в сторону от родителя к чайлду, а не как это принято, наоборот? Чревато ли это чем-нибудь нехорошим?

function Child(props) {
  const { hidden, setHidden } = props;

  return <>
    {hidden || 'Hello'}
    <button
      onClick={() => setHidden(!hidden)}
    >
      Toggle
    </button>
  </>
}

function Parent() {
  const [hidden, setHidden] = useState(false);

  return <Child
    hidden={hidden}
    setHidden={setHidden}
  />
}

в данном случае это не имеет смысла, но вообще то как у тебя написано - обычное дело и вполне нормально

источник

12:33пожаловаться #9

m

makoven in React — русскоговорящее сообщество

Dmitriy Shuleshov

Ты написал как принято или альтернативный вариант ?

Обычно же наоборот, lift up. А тут по сути у чайлда появляется "метод", которым можно снаружи управлять. Выглядит подозрительно, но возникла большая необхходимость)

источник

12:35пожаловаться #10

m

makoven in React — русскоговорящее сообщество

Карамультук

в данном случае это не имеет смысла, но вообще то как у тебя написано - обычное дело и вполне нормально

А почему не имеет смысла?

источник

12:36пожаловаться #11

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

makoven

Обычно же наоборот, lift up. А тут по сути у чайлда появляется "метод", которым можно снаружи управлять. Выглядит подозрительно, но возникла большая необхходимость)

Вот в коде как раз описан метод lifting state up, самый канноничный для реакта

источник

12:36пожаловаться #12

m

makoven in React — русскоговорящее сообщество

Dmitriy Shuleshov

Вот в коде как раз описан метод lifting state up, самый канноничный для реакта

Ну ок

источник

12:37пожаловаться #13

N

Nazar Hlukhanyuk in React — русскоговорящее сообщество

Всем привет народ)

источник

12:37пожаловаться #14

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

makoven

Ну ок

https://reactjs.org/docs/lifting-state-up.html

источник

12:37пожаловаться #15

АК

Александр Козловский... in React — русскоговорящее сообщество

Всем привет!)
кто-нибудь знает, возможно ли в react-native делать кроссверсионную (ios) разработку?

Столкнулся с тем, что на 14.2 есть элемент, на 14.0.х уже нет, ниже - тоже нет

источник

12:38пожаловаться #16

Т

Тимофей 🛴 in React — русскоговорящее сообщество

Александр Козловский

Всем привет!)
кто-нибудь знает, возможно ли в react-native делать кроссверсионную (ios) разработку?

Столкнулся с тем, что на 14.2 есть элемент, на 14.0.х уже нет, ниже - тоже нет

@reactnative_ru

источник

12:39пожаловаться #17

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

Nazar Hlukhanyuk

Всем привет народ)

nometa.xyz

источник

12:39пожаловаться #18

АК

Александр Козловский... in React — русскоговорящее сообщество