如何在反應中從嵌套的 json 中提取數據

Question

我已經制作了以下代碼。 所以我必須從 json 中檢索數據並在反應中呈現它們。 我基本上有一個嵌套的 .joson 對象在另一個里面。 我知道要從“根”json 中檢索所需的數據，但是在為其他數據執行此操作時遇到問題。 在這個例子中，我得到了輸出 現在我不需要里面的所有 json 對象，只需要名字中的 Neko。 我試過 {props.pred.nastavnik.name} 但沒有用。 （它沒有給出任何輸出）

 <CardContent>
            <Typography className={classes.title} color="textSecondary" gutterBottom>
                Nastavnik
            </Typography>
            <Typography variant="h5" component="h2">
                {props.pred.nastavnik}
            </Typography>
            <Typography className={classes.title} color="textSecondary" gutterBottom>
                Br studenata
            </Typography>
            <Typography variant="h5" component="h2">
                {props.pred.broj_studenata}
            </Typography>



        </CardContent>

每一個幫助都會很棒

Answer 1

nastavnik 變量是一個字符串。 您應該通過以下方式將其轉換為對象： JSON.parse(str) 例如：

 const str = '{"id":2,"admin":false,"name":"Neko","sifra":"sifra"}' console.log(JSON.parse(str))