在reactjs中将数据添加到本地存储

编程问答 2022-06-11

问题描述

我是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 (将#修改为@）

react-reduxreactjsreactjsreactjsreactjsstatestatestatetrello