如何从React中的JSON对象中提取值?

如何从React中的JSON对象中提取值?,json,reactjs,es6-promise,Json,Reactjs,Es6 Promise,我有一个例子,我的JSON对象需要首先重新映射,例如从 {name:goals,value:65}到{goals:65}。我相信我通过getStats函数中的reduce实现了这一点(参见控制台的屏幕截图) 但是,我想将其包装在一个函数中,即getData(name){} 在这里,我将传递name='goals',并获得特定值65 如何实现这一点并简化我的代码 创建简单的getData函数,返回键的值 getData(key, defaultValue = '') { // I su

我有一个例子,我的JSON对象需要首先重新映射,例如从
{name:goals,value:65}到{goals:65}
。我相信我通过getStats函数中的reduce实现了这一点(参见控制台的屏幕截图)

但是,我想将其包装在一个函数中,即
getData(name){}
在这里,我将传递
name='goals'
,并获得特定值65

如何实现这一点并简化我的代码


创建简单的
getData
函数,返回键的值

getData(key, defaultValue = '') {
    // I suggest to cache result of next call (invalidate cache when needed)
    const data = this.getStats(playerStats);
    return data[key] || defaultValue;
}

非常感谢,非常整洁,但是我如何呈现该值尝试了{getData('goals')}但抛出了一个错误…错误`Uncaught(承诺中)ReferenceError:getData未在PlayerList中定义。render`和ReactCompositeComponentWrapper中的整个其他列表。。。PlayerList being=>导出默认连接(mapstatetops)(PlayerList);看看Dothis
{this.getData('goals')}
对吧。。。。但仍然没有乐趣,抛出了一个错误
bundle.js:24363未捕获(承诺中)引用错误:playerStats未定义
您的标题与您的问题无关,请将其更新为正确的标题。@Mike'Pomax'Kamermans很乐意这样做,您如何命名?您的实际问题是什么,总结在一句话中?这应该是你的帖子标题。例如,没有“JSON对象”,JSON数据是字符串数据。JavaScript中有一些对象,它们是基本JS语法的一部分,因此“React”对于访问对象属性并不重要。如果您想编写一个函数,根据另一个属性匹配来访问对象中的属性,那么只需编写一个函数就可以做到这一点,React仍然不涉及任何内容,特别是React。等