React - how to check if a specific field value of an object array contains certain string?

Question

What should I type in XXX if I want to check if there are any object in imagesWithChangedName with id which is same as the image ID?

 const [imagesWithChangedName,setImagesWithChangedName] = useState([])

 const handlePhotoNameChange = (e, imageID) =>{
    e.preventDefault()
    if(imageID && e.target.value){
        if(XXX === imageID)
            setImagesWithChangedName([...imagesWithChangedName,{id:imageID, changedName: (e.target.value) }])
        }
    }
 }

Edit: Also, How to replace the value of changedName value of with new value if XXX === imageID is equal to true?

Cory Harper · Accepted Answer · 2020-07-31 05:11:35Z

1

 const [imagesWithChangedName,setImagesWithChangedName] = useState([])

 const handlePhotoNameChange = (e, imageID) =>{
    e.preventDefault()
    if(imageID && e.target.value){
        if(imagesWithChangedName.some(image => image.id === imageID)) {
          const indexToChange = imagesWithChangedName.reduce((acc, image, i) => image.id === imageID ? i : acc, 0);
          const mutableImages = [...imagesWithChangedName];

          mutableImages[indexToChange] = { id:imageID, changedName: (e.target.value) };

          setImagesWithChangedName(mutableImages);
        }
    }
 }

This will find your image and replace the correct value without adding an additional value to your array.

answered Jul 31, 2020 at 5:11

Cory Harper

1,0558 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

andsilver · Accepted Answer · 2020-07-31 05:14:52Z

1

Replace your if(XXX === imageID) with:

if (imagesWithChangedName.find(img => img.id === imageID))

To replace the content:

if(imageID && e.target.value){
  const image = imagesWithChangedName.find(img => img.id === imageID);

  if (image) {
    image.changedName = e.target.value;
    setImagesWithChangedName(imagesWithChangedName);
  }
}

edited Jul 31, 2020 at 5:14

answered Jul 31, 2020 at 5:05

andsilver

6,0323 gold badges22 silver badges50 bronze badges

Collectives™ on Stack Overflow

React - how to check if a specific field value of an object array contains certain string?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related