javascript - React.js如何用字符串替换响应数据中的空字符串或空字符串?
问题描述
我仍在开发我的第一个应用程序,并且无法弄清楚如何用占位符“N/A”字符串替换获取响应数据。我正在使用 React Axios 发出我的获取请求:
onAdmissionClick(event) {
var patientName = event.target.value;
const axiosInstance = axios.create({
headers: {
'Authorization': 'TOKEN ,
'Accept': 'application/json' }
});
axiosInstance.get('APILINK' + patientName + '&_count=5&_sort=-date')
.then(response => {
!response.data.entry ? this.setState({ EncounterData: ''}) : this.setState({ EncounterData: response.data.entry});
this.toggleModal();
console.log(response.data.entry);
}).catch((error) => console.log(error));
现在 'EncounterData' 是一个 JSON 响应,但问题是一些值是 null 或空字符串,并且在渲染时遇到一个会使我的应用程序崩溃。我在渲染数据时使用了三元运算符。例如,“参与者”的某些数据有时可以是空字符串,如果患者仍在接受治疗,“出院日期”也可以为空:
{
Object.keys(this.state.EncounterData).length !== 0 ?
Object.values(this.state.EncounterData).map((items, i) => {
return (
<li key={i}>
<p>Visit ID: {items.resource.identifier[0].value}</p>
<p>Attending Physician: {items.resource.participant[0].individual.display} </p>
<p>Admitting Physician: {items.resource.participant[1].individual.display} </p>
<p> Admission Date: {items.resource.period.start.split('T')[0]} </p>
<p> Discharge Date: {items.resource.period.end.split('T')[0]} </p>
</li>
)
}) : <li>no Admissions reported</li>
}
如何使用字符串“N/A”检查和替换任何 null 或空数据?如有必要,我愿意创建新的状态。
解决方案
推荐阅读
- visual-studio - 调试中未处理的异常
- matlab - 导致旋转弧接触另一条曲线而不相交(Matlab代码)
- c# - 在文件上传中添加日期过滤器,同时单击 asp.net 网络表单中的文件上传按钮
- reactjs - React Native:createBottomTabNavigator screenOptions 不起作用
- harmon.ie - 通过harmon.ie 保存电子邮件 - 如果查看邮件的人没有前景怎么办?
- r - R Shiny - 将 JS 文件添加到 HTML 模板
- powershell - 我尝试使用 power shell 下载图像文件,但出现以下错误
- python - 在 Docker Hub 上找不到合适的图像,而它在 Bitbucket 上似乎运行正常
- opengl - OpenGL绘制多个对象
- php - 使用 WriteHtml -PHP 支持中文、日文和英文的 TCPDF 字体