React JS TypeError：无法读取未定义的属性'indexOf'

Question

我的数据存储在redux中：

colors: ['red', 'white', 'blue'],
colorKeys: ['R', 'W', 'B'],
selectedColorKey: 'R'

我试图通过获取'colorKeys'中选定值的索引来基于'selectedColorKey'值显示'colors'中的值 例如，在这种情况下，颜色的打印值应为红色，因为红色的“颜色”索引为0。

render() {
const selectedKey = this.props.selectedColorKey
const myIndex = this.props.colorKeys.indexOf(selectedKey)

return (
 ...
 this.props.colors[myIndex]
 ...
)}

正在接收无法读取的未定义错误属性'indexOf'。可能是问题所在，还是显示期望值的更好方法？

编辑：colorkeys数组未在reducer中定义，我的错