Estoy tratando de hacer lo siguiente
const[name,setName]=useState(recipe!==null?recipe.name:'')El nombre parece no estar nunca asignado con el operador ternario. ¿Simplemente no funcionan dentro de useState?
También he intentado reasignar el nombre como:
if(recipe!==null){ setName(recipe.name)Recibo un error en la consola sobre demasiados renderizados. ¿Hay alguna otra forma de asignar el nombre condicionalmente?
Editar Esta es la estructura de la receta.
const[recipes, setRecipes]=useState([ { id:1, name:'Chicken Curry', ingredients:"Some ingredients", steps:"Some steps", energy:'2899', fat:'28.5', carbohydrates:'41.3', protein:'12', sodium:'1226', preparationTime:'15', difficulty:'Easy' }Cómo estoy llamando a la constante
<RecipeModal recipe={activeRecipe}/>y el modal de la receta
const RecipeModal=({recipe}) =>{Es difícil entender lo que está pasando allí, pero intentaré ayudar. Supongo que la receta puede ser indefinida en lugar de nula. Puedes probar a continuación:
const [name, setName] = useState(recipe ? recipe.name : '');En el ejemplo anterior, simplemente estamos comprobando si la receta tiene un valor verdadero , por lo que el valor de estado predeterminado será una cadena vacía si la receta es nula, indefinida, 0 o "".
En cuanto a la reasignación de estado de nombre. ¿Estás haciendo eso dentro de un gancho useEffect? Revise todos sus enlaces useEffect para ver si no está cambiando un valor que está presente en una matriz de dependencia.
Las representaciones infinitas se pueden resolver agregando una declaración if para ver si el valor que queremos asignar realmente cambió. También podría estar relacionado con un lugar donde reasignas una receta. Podría ayudar más con un poco más de código.
Intenta usar así:
const[name,setName]=useState(recipe!==null?recipe.name:null)O si el nombre es de tipo cadena, entonces
const[name,setName]=useState(recipe!==null?recipe.name: " ")