[p.....k]

Jak zobaczyłem w #react jak zapodaje 1 komponent do 2 komponentu, a potem 1 komponent odwołuje się do siebie samego przez komponent (props) albo this.component.bind(this) to rozbolała mnie głowa.
To jakaś masturbacja pzred lustrem.
#javascript

[riakt]

@programista4k this.conponent.bind(this) ¿¿¿¿¿¿¿

[bartoof]

@programista4k: XDD

[LaylaTichy]

@programista4k: @riakt: przecież bindowanie thisa jest dość stare, kilka lat minimalnie, pewnie gdzieś z 6 albo i więcej ;) często się używało jak trzeba było przekazać context niżej

[Key96]

@programista4k: dzięki arrow function możesz zapomnieć o konieczności bindowania. Mało tego dzięki hookom, możesz praktycznie zapomnieć o komponentach klasowych i this.

[p.....k]

@Key96: no, ale po co robic:

function Example() {
const [count, setCount] = useState(0);

return (

Naciśnięto {count} razy

setCount(count + 1)}>
Naciśnij mnie


);
}

jak można:

function Example() {
var count = 0;

return (

Naciśnięto {count} razy

Naciśnij mnie


);
}

[lobo]

@programista4k: a czemu nie
function Example() {
const [count, setCount] = useState(0);
const handleButtonClick = () => setCount(count + 1);
return (

Naciśnięto {count} razy

Naciśnij mnie

);
}

[LaylaTichy]

@programista4k:
Po 1: var (╯°□°）╯︵ ┻━┻
Po 2: jak masz jakąś rzecz którą wiesz, że na 100% użyjesz tylko w tym miejscu to spoko, ale... Co jak za tydzień, miesiąc czy dwa stwierdzisz, że przydałoby się użyć ten count w innym miejscu też? Będziesz całość przerabiał? ;p

[p.....k]

@LaylaTichy: przeniosę wyżej tak samo jak w javie się zaminie private na package scope... enkapsulacja

[schriker]

function Example() {

var count = 0;

return (

Naciśnięto {count} razy

Naciśnij mnie

);

}

@programista4k: Ten przykład nie zadziała bo React nie będzie nawet wiedział, że stan komponentu się zmienił. https://codesandbox.io/s/naughty-swirles-fc2iy

[t.....k]

@programista4k https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/ tu masz wytłumaczone jak i czemu to działa (jest nawet uproszczona wewnętrzna implementacja z kodu reacta)