如何解决在reactjs中将数据添加到本地存储
我是react.js的初学者。我正在构建像Trello这样的应用程序,正在React.js中使用一个名为react-trello
的库。但我不想使用硬编码数据,而是将data
存储在本地存储中。
我的代码:
import React,{ Component } from 'react'
import Board from 'react-trello'
class App extends Component {
render() {
const data = {
lanes: [
{
id: 'lane1',title: 'Planned Tasks',label: '2/2',cards: [
{id: 'Card1',title: 'Write Blog',description: 'Can AI make memes',label: '30 mins',draggable: true},{id: 'Card2',title: 'Pay Rent',description: 'Transfer via NEFT',label: '5 mins',metadata: {sha: 'be312a1'}}
]
},{
id: 'lane2',title: 'Completed',label: '0/0',cards: []
}
]
}
return (
<div className="App1">
<Board style={{backgroundColor: '#ffe'}}
onLaneAdd={{backgroundColor: '#ffe'}}
collapsibleLanes
cardStyle={{backgroundColor: '#ffe'}}
cardDraggable
laneDraggable
draggable
canAddLanes
laneStyle={{backgroundColor: '#06F491'}}
editable
data={data} />
</div>
)
}
}
我不知道如何存储data
,即使我offline
也可以获取数据。可能吗?怎么办?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。