How to call a method?

Question

React

Is there any way to call the function at the place where I tried to call it, so that the text that the method will return is displayed there?

class RangeTimeEvent extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            card: []
        }
        this.takeDate = this.takeDate.bind(this);
    }

    takeDate() {
        this.state.card.map(index => {
            return (
                <div>{index.date}</div>
            );
        })
    }

    render() {
            return (
                <div className="in-time">
                    <div className="time block active tab-1"><p>{this.takeDate()}</p></div>
                </div>
            )
        }
    }

Answer 1

takeDate() {
        return this.state.card.map(index => {
            return (
                <div>{index.date}</div>
            );
        })
    }