在我的页面中，我调用useEffect中的操作来填充我的 Reducer。我有一个名为page的组件级状态，它是操作中的一个参数。因此，每次page的值发生变化时，我都希望再次调用该操作，因为显然我打算从不同的页面获取数据。遗憾的是，我在控制台中遇到错误，告诉我该组件已达到重新渲染次数的限制。这是相关代码：const Home = props => {const [page, setPage] =
2021-12-29
我是 React 的新手，正在创建一个自定义选择组件，该组件应该设置一个数组选定状态，同时触发 onchange 事件并将其与选定项一起传递给父级，同时获取初始值作为 prop 并设置一些数据。let firstTime = true;const CustomSelect = (props)=>{const [selected, setSelected] = useState([]);const
2022-09-25
我同时使用 react 和 chart.js 来绘制条形图。但在 chart.js 中，我们必须使用画布标签，要找到该标签并在其中放置条形图，我们使用常规的document.getElementById()方法。我尝试了很多组合，比如将document.getElementById()放在开头，或者放在$(document).ready()中，甚至在 react 的componentDidMoun
2015-09-06
我正在开发一个 React 应用，并尝试让 Chartjs 从其 npm 包中导入后运行。以下是初始化代码：//in my constructorthis.usageChart = null;//in componentDidMountlet chartContext = document.getElementById("proc_usage");let initialDataIdle = [10
2018-01-05
我正在尝试使用 chartjs-2 来呈现带有数据的条形图。这是我的代码：import React from "react";import { Bar, Line, Pie } from "react-chartjs-2";export default class App extends React.Component {constructor(props) {super(props);this.
2018-10-09
CodeSandbox当我尝试使用顶部面板更改图表数据时，它可以工作，但当我将鼠标悬停在图表上时，它会反复更改数据。为什么会发生这种情况？例如，单击“周”，然后将鼠标悬停在下面的图表上。
2019-03-25
我不知道为什么它给出的长度是未定义，而另一个是setDailyData不是一个函数const Charts = () => {const { setDailyData, dailyData } = useState([]);useEffect(() => {const fetchAPI = async () => {setDailyData(await fetchDailyData());};co
2020-05-11
我创建了一个冠状病毒表，每当有人点击特定国家的名称时，模态框就会弹出活跃病例图表。我意识到这可能是从 Bootstrap 导入的模态组件的问题（但不太确定）。当我将动画设置为 false 时，图表不会在每个模态框打开时显示数据。当不包含动画道具时，数据有时不会加载。关闭并重新打开几次可以解决问题。 <Modal show={show} onHide={handleClose}animation=
2020-11-27
我正在使用 Chart.js 和 react-chartjs-2 向我的 React 应用程序添加图表。我正在尝试将数据加载到图表中，如下所示：<Chart type="line" data={this.getData}/>getData是一个简单的函数，它将组件 props 中的数据转换为 Chart.js 可以理解的格式：function getData() {const data = thi
2022-12-06
我是 React 新手。我尝试使用react-router-dom通过 URL 传递值。但无法获取参数TypeError: Cannot read property 'params' of undefined.我尝试了已有的解决方案但毫无作用。我犯了什么错误？有人能给我解释一下吗？提前致谢。Main组件：function App() {return (<div className="App"><R
2020-03-02
每当我在控制台中记录props.match.params时，我都会收到错误：TypeError：无法在 App 中读取未定义的属性“params”。我不确定这是否相关，但即使我 console.log(props)，我也会得到四个空数组。以下是所有相关代码：Home.jsimport React from "react";import App from "./App";import { rende
2021-01-27
我首先使用以下内容开始此工作，其中“HomePage.js”是唯一的智能组件：import React, { Component } from 'react'import { connect } from 'react-redux'import { bindActionCreators } from 'redux'import actions from '../redux/actions'impo
2016-06-24
我正在尝试设置一个 Redux + React Router 应用程序。我认为问题出在 ImmutableJS 上，但我不知道如何解决它。client.jsimport { fromJS } from 'immutable'import React from 'react'import { render, unmountComponentAtNode } from 'react-dom'impor
2016-11-30
我有一个 Header 组件，它会根据用户是否登录来呈现一些链接。此组件加载正常，可以正常显示登录和注册链接。单击这些链接会将我带到这些组件，这些组件可以正常运行。登录后，标题会更改为显示退出链接。但是，当我退出时，事情就出错了。登录和注册链接显示正常，但不再起作用。单击注册链接会出现以下错误：Uncaught Error: Objects are not valid as a React chi
2017-10-25
我正在学习使用 Redux、React 和 React Router。我遇到了这样的问题：当我使用Link从“/”重定向到“/details/{id}”之类的 URL 时 - 我发现调用了错误的动作创建者。来自“/”组件的动作创建器被调用，而不是“/details/{id}”中组件的动作创建器。但是如果我刷新页面，一切都会好起来。调用正确的操作。带链接的路由：<Link to={/details/
2018-07-09