javascript - 将 Axios 响应作为 prop 发送到组件
问题描述
我正在使用 Axios 执行 GET 请求。我能够获取数据并将其记录到控制台。但是,当我将数据发送到我的反应组件时,该值不会呈现。
这是 GET 请求:
getUserTotalRevenue = (id) => {
API.getOrderUserTotal(id)
.then(res => {
let total = res.data[0].totalAmount.toFixed(2);
let totalString = total.toString();
return totalString;
})
.catch(error => console.log("User revenue error: " + error))
}
这是组件调用它的位置:
<div>
{this.state.users.map(user => (
<div key={user._id}>
<Grid item lg={12}>
<Card
userImage={this.checkUserImage(user)}
fullName={this.fullName(user.firstName, user.lastName)}
startDate={this.startDate(user.created_at)}
totalSales={this.getUserTotalRevenue(user._id)}
/>
</Grid>
</div>
))}
</div>
解决方案
编写此代码返回方法。我希望它会帮助你。
<div key={user._id}>
<Grid item lg={12}>
<Card
userImage={this.checkUserImage(user)}
fullName={this.fullName(user.firstName, user.lastName)}
startDate={this.startDate(user.created_at)}
totalSales={this.getUserTotalRevenue(user._id)}
/>
</Grid>
</div>
推荐阅读
- angular - 如果设置为零或空字符串,则类实例中的初始化属性为“未定义”
- python - 使用 Spacy 按标记拆分文本
- objective-c - 如何检查应用程序是否具有辅助功能访问权限?
- powershell - Get-ADUser:无法验证参数“身份”。参数为空
- php - Laravel:无法在生产中添加外键约束
- python - Sklearn CountVectorizer token_pattern 允许带有任何字符的字符串
- python - 我想使用其他列中的值替换数据框中的部分列值
- javascript - 在滚动时按类删除元素
- cordova - Google Javascript MAP API 限制的 file:// 引用者是什么
- rest - RESTful 语法。是渴望/懒惰还是两者兼而有之?