Cant Figure Out Edit button

[Cody_Biggs]

Still need some help with the edit button. For the life of me I cant figure it out…I got a hint to edit the selected recipe, and then map to replace the selected recipe with the recipe I edited. Which the only thing that comes to mind is to splice, but im not sure

editRecipe() {
   const recipes = [...this.state.recipes]
  this.state.selectedRecipe.name = this.state.editName;
   this.state.selectedRecipe.ingredients = this.state.editIngredients;
   this.state.selectedRecipe.directions = this.state.editDirections;
    recipes.map(//replace here?)
  }

RealRecipeBox

[camelcamper]

can you explain what you are trying to do? or do you have an original thread?

[Cody_Biggs]

Edit button Recipe Box

I am working on the edit button, and I think I am headed in the right direction…hopefully. So I get the recipe with the index when I click on the recipe name in the list. So im thinking just assigning the user input values to the selected recipes name, directions, and ingredients. which replaces all 3 of those filed with the user input, but does not change the name in the list. Which im guessing is because the recipes is never updated, so I guess I am going the wrong way. any help with that woul…

That’s the original post. So I have the selectedRecipe when I click on a name from the list. When edit is press exit brings up a modal that allows the user to edit that specific recipe. However the code I have now sets the input to the selected recipe, but doesn’t save it. Meaning I can click on pizza again, and the original recipe is there not the edited recipe. So I was discussing this with another user, and he suggested to edit the recipe, and use map to replace the original recipe with the edited one. Not sure how I can do that.

[Cody_Biggs]

Absolutely that’s no problem.