react redux setAttribute

Question

Mam potrzebę zmiany atrybutu elementu input - setAttribiute na checked w zależności od stanu i nie wiem jak mam to zrobić. Wiem jak to zrobić w vanilla Js - to proste. Gdyby ten sposób opakować w UseEffect też by poszło już próbowałem ale chyba nie tedy droga. jak się to robi w reakcie? Proszę o pomoc

Comments

A to atrybutów w React nie binduje się przez JSX?

https://reactjs.org/docs/introducing-jsx.html#specifying-attributes-with-jsx

Answer 1

input ma prop checked któremu możesz ustawić wartość na true. Rzuć kod jaki masz, bo ciężko coś powiedzieć bez niego.

Comments

Robię to tak

 task.titleMarked === true ?
                                (<input onClick={(id) => { handleTitle(task) }} className='title-check' id={task.title} type="checkbox" checked />) :
                                (<input onClick={(id) => { handleTitle(task) }} className='title-check' id={task.title} type="checkbox" />)

Czy to jest poprawnie?

Nie możesz dać wartość true lub false jeżeli się da checked to zawsze jest oznaczone niezależnie od wartości

---

Tak samo jak zrobiłeś to dla id możesz też ustawić checked na task.titleMarked

React jest na tyle inteligentny, że ma możliwość skróconego zapisu i gdy się doda atrybut przyjmujący boolean bez podania mu wartości przyjmuje wartość true.

---

@rob, Jeżeli próbowałeś to i Ci to nie działa to pokaż czym jest task, bo koniecznie jest, by przy jego zmianie komponent został ponownie wyrenderowany

---

Wielkie dzięki :) nie wiedziałem, że da się ustawić wartość checked na true lub false, to rozwiązuje mi masę problemów!