toLocaleDateString不是react jsx渲染中的函数

问题描述 投票:0回答:1

我正在尝试将日期转换为可读格式,当前输出为2019-02-22T20:23:52.011Z

我尝试添加.toLocaleDateString来格式化此日期,但我仍然收到相同的错误

TypeError: item.CreateDate.S.toLocaleDateString is not a function

不确定是否是因为我正在渲染中执行此操作?然后,我尝试在地图箭头函数返回之前声明此var,但这似乎没有什么不同。任何帮助,将不胜感激!

  renderOrders() {
    return (
      <div class="sl-orders-container">
        {this.state.orders.map((item) => {
          return (
            <div className="order-item-row">
              <div className="">
                {JSON.parse(item.BasketData.S)[0].ProductName.split(" - ")[0]}
              </div>
              <div class="sl-orders-order">
                <div class="">Order Detail</div>
                <ul>
                  <li>
                    Date Purchased: {item.CreateDate.S.toLocaleDateString()}
                  </li>
    ```

Example Item 

BasketTotal: {S: "80"}
CreateDate: {S: "2019-02-23T02:44:07.499Z"}
EventTicketCount: {S: "2"}
Paid: {BOOL: true}

javascript reactjs typeerror
1个回答
0
投票

感谢@mplungjan,这里的问题是item.CreateDate.S不是日期对象,

© www.soinside.com 2019 - 2024. All rights reserved.