我不太了解如何使用 toLacaleString() 将对象中的数据（数据是字符串）作为日期传递

Question

所以我想知道我的逻辑是否有点接近我想要的。 我正在呈现来自先前已登录该应用程序的用户的数据（在您可能在下面的代码中看到的组件内）。而不是显示他们生日的默认版本（它在数据库中设置为字符串）我希望它看起来更像是日.月.年显示。 我的代码：

import React from "react";
import { Card } from "react-bootstrap";

function UserInfo({ user }) {
    let date = new Date({user.Birthday}).toLocaleString();
    return (
        <>
        <h2>Your Profile:</h2>
            <Card>
                <Card.Body className="profile-view">
                    <>
                        <h3>Username:</h3>
                        <p >{user.Username}</p>
                        <br />
                        <h3>Email:</h3>
                        <p >{user.Email}</p>
                        <br />
                        <h3 >Birthday:</h3>
                        <input value={date} />
                        <br />
                    </>
                </Card.Body>
            </Card>
        </>
    )
}
export { UserInfo }; 

我尝试将其设置为：

let date = new Date(user.Birthday).toLocaleString();

甚至没有上面代码中的新内容。