Date not passed as prop REACT JS

[shivajikobardan]

App.js

import './App.css';
import Subscription from './components/Subscription';
// import Myroutes from "./Myroutes.js";

function App() {
  let subscriptions = [{ id: "1", date: new Date("2021", "3", "23"), title: "Monthly Subscription", amount: "125.60" },
  { id: "2", date: new Date("2020", "06", "28"), title: "Annual Subscription", amount: "1125.60" },
  { id: "1", date: new Date("2021", "09", "05"), title: "Quarterly Subscription", amount: "425.60" }]

  return (
    <>
      <div className='App'>
        <Subscription datePassed={subscriptions[0].date.toISOString} titlePassed={subscriptions[0].title} amountPassed={subscriptions[0].amount} />
        <Subscription datePassed={subscriptions[1].date.toISOString} titlePassed={subscriptions[1].title} amountPassed={subscriptions[1].amount} />
        <Subscription datePassed={subscriptions[2].date.toISOString} titlePassed={subscriptions[2].title} amountPassed={subscriptions[2].amount} />
      </div>
    </>
  )
};

export default App;

Subscription.js component

 

import React from 'react'
import "./Subscription.css"
function Subscription(props) {
  return (
    <>
      <div>{props.datePassed}</div>
      <h2 className="subscription-title">{props.titlePassed}</h2>
      <div>{props.amountPassed}</div>
    </>)
}

export default Subscription

Currrent Output that I'm getting:

Expected Output:

I need date to come at the top.

[C2dan88]

date.toISOString should probably be date.toISOString()

[shivajikobardan]

Thanks, it fixed the issue.