Πως να κάνω update deep nested property value σε parent component από το child component (ReactJS)

[skiabox]

Καλησπέρα φίλοι programmers του insomnia.

Προσπαθώ να κάνω update με function από το child μια deeply nested property του state του πατέρα.

Ποιος είναι ο καλύτερος τρόπος να γίνει αυτό με immutable way φυσικά ώστε να τηρηθούν όλοι οι κανόνες της react?

To useState του πατέρα ορίζεται ως εξής :

const [fatherState, setFatherState] = useState([]);

Επίσης αν ορίσουμε το state object του πατέρα ως fatherState η τιμή που θέλω να κάνω update βρίσκεται στο :

fatherState.level1Object.level2ArrayOfObjects.pickObjectBasedOnFunctionIdPassedFromChild.status(string passed from children)

Δηλαδή από το παιδί περνάνε δύο arguments (η function ορίζεται στον πατέρα φυσικά και περνάει στο child component ως prop) το id που θα χρησιμοποιηθεί για να γίνει access το σωστό object στην array (π.χ 0, 1, 2) και φυσικά μια status value τύπου string που θα κάνει update την status property του object της array που επιλέχθηκε με βάση το id που περάστηκε.

Να χρησιμοποιήσω λέτε κάποια εξωτερική library όπως η lodash ή η immer?

Ευχαριστώ!

Επεξ/σία 7 Ιουλίου 2022 από skiabox

[Predatorkill]

Immer ή immutability-helper. Το δευτερο χρησιμοποιουσα για χρονια, δεν με απογοητευσε ποτε και πιστευω οτι δινει καλυτερο ελεγχο (οπτικα) απο οτι το immer.

[skiabox]

2 ώρες πριν, Predatorkill είπε

Immer ή immutability-helper. Το δευτερο χρησιμοποιουσα για χρονια, δεν με απογοητευσε ποτε και πιστευω οτι δινει καλυτερο ελεγχο (οπτικα) απο οτι το immer.

Ναι ε;

Καλύτερο από το Immer;

Μου φάνηκε ήδη πολύ εύκολο το immer.

Αλλά αφού το λες να το κοιτάξω.

Βέβαια βλέπω ότι έχει σταματήσει η ανάπτυξη του immutability-helper.

Θα μου πεις παίζει ρόλο σε utility helpers αυτό;

Επεξ/σία 7 Ιουλίου 2022 από skiabox

[Predatorkill]

15 λεπτά πριν, skiabox είπε

Ναι ε;

Καλύτερο από το Immer;

Μου φάνηκε ήδη πολύ εύκολο το immer.

Αλλά αφού το λες να το κοιτάξω.

Βέβαια βλέπω ότι έχει σταματήσει η ανάπτυξη του immutability-helper.

Θα μου πεις παίζει ρόλο σε utility helpers αυτό;

Μια χαρα δουλευει και ας ειναι κοντα 2 χρονια χωρις update. Δοκιμασε τα και τα δυο και δες ποιο σε βολευει παραγωγικα, την ιδια δουλεια κανουν. Αν μιλαμε για μεγαλο object/array βαλτα και τα δυο και δες ποιο ειναι πιο γρηγορο.

[skiabox]

Predator : Δες λίγο και το thread με τις οθόνες.

Με ενδιαφέρει η γνώμη σου σαν coder.

 

[Predatorkill]

2 ώρες πριν, skiabox είπε

Predator : Δες λίγο και το thread με τις οθόνες.

Με ενδιαφέρει η γνώμη σου σαν coder.

 

3 dell εχω, 1 27 στα 4Κ, 1 27 στα 2Κ και 1 24 στα 1080p. 
 

στην 4Κ γραφω, οι υπολοιπες βοηθητικες. Παντοτε Dell ειχα και δεν ειχα ποτε προβλημα. Ολες οι αλλες μαρκες μου ηταν παντα αδιαφορες.

Επεξ/σία 7 Ιουλίου 2022 από Predatorkill

[skiabox]

Το άλλο το θέμα τελικά το έλυσα με immer.

Πολύ εύκολο στη χρήση.

Σιγά μην κάθεσαι να κάνεις 3 destructuring για να φτάσεις 3 level κάτω και να έχεις και τα array που θέλουν ειδικό χειρισμό.