我對 React 完全陌生。我想使用laravel從數據庫中檢索數據;在我的控制器中，我接收數據并以json形式發送，如下所示public function index(){    $data =  DB::table('posts')->get();    return view('welcome')->withData(json_encode($data));}它完美地工作。在我的家庭視圖中，我像這樣調用反應。        <div id="example" data="{{ $data }}"></div>        <script src="js/app.js" ></script>這是例子.js：    import React, { Component } from 'react';    import ReactDOM from 'react-dom';    export default class Example extends Component    {        constructor(props)        {            super(props);            console.log(props.data);//[{"id":1,"name":"Laravel","created_at":null,"updated_at":null},{"id":2,"name":"Reacts Js","created_at":null,"updated_at":null}]            const json = JSON.parse(props.data);            var L = json.length;//2            for(var i =0 ; i < L ; i++)            {                console.log(json[i].name);//i==0 : Laravel                                        // i==1 : Reacts Js            }        }        render()        {            return (                <div className="container">                    <div className="row justify-content-center">                        <div className="col-md-8">                            <div className="card">                                <div className="card-header">Example Component</div>                                for(var i =0 ; i < L ; i++)                                {                                    <div>{json[i].name}</div>                                }                                <div className="card-body">I'm an example component!</div>                            </div>                        </div>                    </div>                </div>                    );        }    }    if (document.getElementById('example')) {        var data = document.getElementById(('example')).getAttribute('data');        ReactDOM.render(<Example data={data}/>, document.getElementById('example'));    }在瀏覽器控制臺中，我可以看到json[i].name完美！但是在組件中，我有這個問題，有以下錯誤：未捕獲的類型錯誤：無法讀取未定義的屬性“名稱”。