由于文档似乎不是特别清楚,所以卡在了一个 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)菜鸟在这里反应一下。
我正在尝试使用 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
import { useState, createContext, useEffect } from 'react'
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import '../css/app.css'; …Run Code Online (Sandbox Code Playgroud)