[Zorz]

Jak przesyłać stan pomiędzy komponentami? Mam sobie komponent, który jest formularzem, nazwijmy go A. Komponent A renderuje się w komponencie B. Jak w komponencie B pobrać stan z komponentu A?

#react #webdev #naukaprogramowania

[warning_sign]

@Zorz: props?

[budyn]

@Zorz: Trzymać stan komponentu A w komponencie B i przesyłać go do A jako props

[t.....k]

@budyn zakładam że chodzi ściśle o sytuację w której submitujesz formularz lub robisz jakąś inną operację na formularzu jako całości

react posiada jedynie one-way binding (może to i lepiej) więc wiec w komponencie smart (container) możesz przekazać funkcję jako prop do komponentu dumb (childa)

czyli coś takiego:

class extends Component {
 submit (data) {
 console.log(data);
 // set state, dispatch, itp.
 }
 render () {
 return (

 );
 }
}

w rezultacie w

[Marmite]

@Zorz: jeśli komponenty są zagnieżdżone bezpośrednio w sobie, to komunikacja jest bardzo prosta
rodzic -> dziecko - przez propsy (rodzic wysyła rzeczy, dziecko sobie na to reaguje przez dostęp do właściwości props albo metodę componentWillReceiveProps)
dziecko -> rodzic - przez callback (rodzic wysyła do dziecka funkcję, którą to dziecko sobie wywoła gdy będzie się chciało skomunikować z rodzicem, jako argumenty do funkcji dając to, co będzie chciało rodzicowi wysłać)

sprawa się

[Zorz]

@Marmite: dzięki wielkie za obszerne wytłumaczenie, coś zaczęło już w głowie mi świtać. @tlaziuk: @budyn: @warning_sign: wam tez wielkie dzięki za chęci. Można liczyć na dobrych Mirków (｡◕‿‿◕｡)