Dane komponentów w React
Dane komponentów mogą być przechowywane w trzech miejscach: w propsach, w zmiennych i stałych komponentu, oraz w stanach. W propsach przechowywane są dane, które są wysyłane do komponentu z zewnątrz przez jego komponent nadrzędny. Jednocześnie wewnątrz komponentu propsy powinny pozostać niezmienne.
W zmiennych, stałych i stanach należy przechowywać dane lokalne, które są ważne dla samego komponentu i o których komponent nadrzędny nie powinien wiedzieć. Jednocześnie w stanach należy przechowywać dane, które mogą ulegać zmianom w różnych zdarzeniach i przy tym chcesz, aby zmiany były reaktywne.
Dany jest pewien komponent:
function Test() {
// definicja isEdit, elem i data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Określ, czym mogą być isEdit, elem i
data: propem, stanem, zmienną, albo
stałą.