Javascript 组件上的拆分功能安装生命周期'；s的反应——反应

我正在使用

React-redux

并使用

axios

调用

api

API

对象中的一个键具有多个值（

API

下面的响应）。我想用逗号分割该值，但由于先运行

render

函数，然后运行

componentDidMount

，因此它总是给我抛出一个错误

无法读取未定义的属性“split”

我试过以下几件事：

将该值保存在
redux reducer
中，然后使用split
Async wait
for
componentDidMount
已尝试在提取数据后运行
shouldComponentUpdate
中的某些条件
是否有其他方法加载数据、操作数据，然后
render
为我们提供输出

API响应

{
    "name": "user",
    "value": "ABC, XYZ"
}

在我的一个组件中，我以以下方式使用split函数：

{this.state.userDetails && this.state.userDetails.value.toString().split(",").map(r=> <option>{r}</option>).join("")}

{this.state.userDetails&&this.state.userDetails.value.toString（）.split（“，”）.map（r=>{r}）.join（“”}

欢迎任何建议。
对您的响应字符串进行空检查。类似于
if（string&&string.length>0）{string.split}

显示一些占位符，直到您的响应到达。
确实有效！谢谢朱庇特拉米：）