从API获取对象后，如何从对象中获取键值？

Question

我从API获取对象，并将其存储在状态中。保存了整个对象，因为在显示它时会得到以下输出：

{“ ID”：“ 8”，“ Nombre”：“ Maria Antonieta”，“ Categoria”：“ Romance”，“ Director”：“ nose”}

但是当我尝试显示每个值（例如“ Nombre”）时，出现此错误：

未处理的拒绝（TypeError）：无法读取未定义的属性“ Nombre”

这是我的代码（有条件语句中的提取，因为我调用了模态，因此当它打开时，发生提取）：

const Modal = ({ handleClose, show, id }) => {
const showHideClassName = show ? "mod displayBlock" : "mod displayNone";
const [peliSeleccionada, setPeli] = useState();

if (show){
    fetch(`http://localhost/APIpeliculas/api/pelicula/read_single.php/?ID=${id}`)
    .then(res => {
        if (res.ok){
           return res.json();
        }else{
            console.log("hubo un problema");
        }
    }).then( peliJson => {
        setPeli(JSON.stringify(peliJson));
        //alert(peliJson);
        //alert(peliSeleccionada);
    });
}

return (
  <div className={showHideClassName}>
    <section className="mod-main">
        <h5>EDITAR: </h5>
        <label> 
            { peliSeleccionada} 
        </label>
        <div className="btn-grupo">
            <button type="button" className="btn btn-success btn-lg btn-block">Guardar cambios</button>
            <button onClick={handleClose} type="button" className="btn btn-secondary btn-lg btn-block">Cerrar</button>
        </div>
    </section>
  </div>
);

};