如何从键：值对中检索键的值

Question

我在文件object.js

中有以下键值对

const ObjectUrl = { 
 a: 'www.google.com',
 b: 'www.stackoverflow.com',
}

export default object;

我正在尝试检索锚标记中的值，如下所示

  import OjbectUrl from './object'
  <Anchor href={ObjectUrl('a')}>

当我加载页面时，我在Uncaught TypeError: ReactOnRails encountered an error while rendering component: SomeComponent

以上的行中收到错误

知道我做错了什么？

由于

Answer 1

转换

<Anchor href={ObjectUrl('a')}>

到

<Anchor href={ObjectUrl.a}>

你提到你的linter推荐了对象的点符号。这是因为您引用了密钥＆＃39; a＆＃39;所有的时间，所以没有必要是动态的。非点版本的用例是当变量控制您的密钥时：

render(){
    const key = 'a' //or any other dynamic value
    return(
        <Anchor href={ObjectUrl[key]}>

        </Anchor>
    )
}