React中从JSON数组提取指定属性:错误原因及正确实现
问题原因及解决方法
1. 写法无效的核心原因
你的数组是多个对象的集合,要获取第一个元素的english_word属性,得先通过索引定位到数组里的对象,再访问对象的属性。你写的a_arr.english_word[0]逻辑完全搞反了:它试图访问数组本身的english_word属性(数组根本没有这个属性),再去取这个不存在的属性的第0个值,自然不会生效。
2. 先修正数组的语法错误
你提供的wordTrans_ar数组最后多了个多余的[,这会直接导致语法报错,先修正为合法的数组:
export const wordTrans_ar = [ { "english_word": "window", "hebrew": "חלון", }, { "english_word": "good", "hebrew": "טוב", } ];
3. 正确的访问写法
假设你已经在React组件里导入了这个数组,正确获取第一个元素english_word的写法是:
// 先通过[0]拿到数组第一个对象,再访问它的english_word属性 wordTrans_ar[0].english_word
给你一个React函数组件的完整示例(顺便处理了数组为空的边界情况,避免报错):
import { wordTrans_ar } from './你的文件路径'; function WordDisplay() { const firstEnglishWord = wordTrans_ar.length > 0 ? wordTrans_ar[0].english_word : ''; return <div>{firstEnglishWord}</div>; } export default WordDisplay;
内容的提问来源于stack exchange,提问作者tamar
相关产品推荐
相关产品推荐

