JSON with @ symbolをReactで小道具に渡すには

Question

私はdbからjsonデータを反応のあるAxiosを使用してリクエストしています。私はjsonを取得し、それを状態に割り当て、アプリの子コンポーネントに小道具として渡すことができます。私が抱えている問題は、jsonのオブジェクトのいくつかが '@'記号で始まり、構文エラーをスローすることです。

​​

Answer 1

私はあなたの問題は、データを解析していないと仮定していますが、で小道具としてダウンオブジェクトを渡す反応しますか？もしそうなら、文字列を介して動的にwith bracket notationの属性にアクセスできるはずです。あなたのコンポーネントの場合

let foo = {'@bar': 'test'}; 
foo.@bar; 
// => Uncaught SyntaxError: Invalid or unexpected token 

foo['@bar']; 
// => 'test' 

、それは次のようになります。

<Event key={event['@unid']} />