如何解决如何存储日期选择器中的日期?
import React from 'react';
import { useState } from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';
import './Card.css';
const Card = (props) => {
const [selectedDate,setSelectedDate] = useState()
return (
<div className='tc bg-light-green dib br3 pa3 ma2 bw2 shadow-5'>
<img alt ='grass' src={props.img}/>
<div>
<h1>Tuns la data de:</h1>
<DatePicker
selected={selectedDate}
onChange={date => setSelectedDate(date)}
dateFormat='dd/MM/yyyy'
maxDate = {new Date()}
/>
<h1>Data tundere:</h1>
<h2>{props.name}</h2>
<p>{props.speed}</p>
</div>
</div>
)
}
export default Card;
你好!这是我的Card组件,我希望每次运行npm start时,我的date picker value都显示我上次接班的日期。 我正在考虑使用一个可以存储该值的var,但是我不知道将该变量放在哪里。 请帮我。
解决方法
您的React应用及其组件在npm start
的运行之间将不会持续存在。如果要保留此值,则需要将其保存到浏览器的本地存储,本地文件或保留的数据库中。
以下是用于持久存储在本地存储中的快速教程:https://dev.to/selbekk/persisting-your-react-state-in-9-lines-of-code-9go
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。