小编Par*_*ker的帖子

Chart.js 删除网格线

由于文档似乎不是特别清楚,所以卡在了一个 Chart.js 项目上。

只是尝试从图表中删除网格线。我尝试了堆栈溢出中引用的旧语法:

options: {
    scales: {
      xAxes: [{
        gridLines: {
          display: false,
        }
      }]
    }
  }
Run Code Online (Sandbox Code Playgroud)

新语法:

options: {
    scales: {
      y: {
        grid: {
          drawBorder: false
        }
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)

既不工作...

这是我的片段:

options: {
    scales: {
      xAxes: [{
        gridLines: {
          display: false,
        }
      }]
    }
  }
Run Code Online (Sandbox Code Playgroud)
options: {
    scales: {
      y: {
        grid: {
          drawBorder: false
        }
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ["Red", "Blue", …
Run Code Online (Sandbox Code Playgroud)

javascript chart.js

5
推荐指数
2
解决办法
8631
查看次数

React - 在页面刷新时保留数据(useEffect、useContext、useState)

菜鸟在这里反应一下。

我正在尝试使用 Context、useState、useEffect 和 sessionStorage 的组合来构建一个在页面刷新时持续运行的功能全局数据存储。

当用户登录应用程序时,我会获取 API,然后setUserData当我收到响应时。

这部分效果很好,但我意识到,如果用户“刷新”他们的页面,应用程序会将userDataconst 重置为null(并且页面因此崩溃)。

我研究了一些关于使用 useEffect 和 sessionStorage 的组合来有效替换userDatasessionStorage 中当前内容的文章和视频,这似乎是处理页面刷新的明智方法。[来源: React Persist State to LocalStorage with useEffect by Ben Awad]

但是,我似乎无法让 useEffect 发挥作用。由于某种原因 useEffect 只在/路线上触发而不是在/dashboard路线上?

我希望因为 useEffect 位于 App.js 中,所以每次刷新任何路由时它都会运行(从而从 sessionStorage 检索最新数据)。

我在 App.js 中添加了一些控制台日志记录,以了解何时触发事件,并在下面包含这些日志。

我对 useEffect 的理解不正确吗?为什么它只在刷新路由时触发,而不是在刷新/页面时触发?/dashboard

应用程序.js

import { useState, createContext, useEffect } from 'react'
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import '../css/app.css'; …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-context react-hooks use-effect

2
推荐指数
1
解决办法
5630
查看次数