开发者问题收集
我希望在点击电影时查看电影信息,但它只显示热门电影的信息,而不是我通过输入搜索的电影的信息。换句话说,在 URL 中我看到我在电影中,但它什么也没显示。我试了一整天,但什么都没用。useHomeFetch.js const [movies, setMovies] = useState([]);const [searchMovie, setSearchMovie] = useState('');c
我是 React 的新手,正在创建一个自定义选择组件,该组件应该设置一个数组选定状态,同时触发 onchange 事件并将其与选定项一起传递给父级,同时获取初始值作为 prop 并设置一些数据。let firstTime = true;const CustomSelect = (props)=>{const [selected, setSelected] = useState([]);const
我同时使用 react 和 chart.js 来绘制条形图。但在 chart.js 中,我们必须使用画布标签,要找到该标签并在其中放置条形图,我们使用常规的document.getElementById()方法。我尝试了很多组合,比如将document.getElementById()放在开头,或者放在$(document).ready()中,甚至在 react 的componentDidMoun
我正在开发一个 React 应用,并尝试让 Chartjs 从其 npm 包中导入后运行。以下是初始化代码://in my constructorthis.usageChart = null;//in componentDidMountlet chartContext = document.getElementById("proc_usage");let initialDataIdle = [10
我正在尝试使用 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.
CodeSandbox当我尝试使用顶部面板更改图表数据时,它可以工作,但当我将鼠标悬停在图表上时,它会反复更改数据。为什么会发生这种情况?例如,单击“周”,然后将鼠标悬停在下面的图表上。
我不知道为什么它给出的长度是未定义,而另一个是setDailyData不是一个函数const Charts = () => {const { setDailyData, dailyData } = useState([]);useEffect(() => {const fetchAPI = async () => {setDailyData(await fetchDailyData());};co
我创建了一个冠状病毒表,每当有人点击特定国家的名称时,模态框就会弹出活跃病例图表。我意识到这可能是从 Bootstrap 导入的模态组件的问题(但不太确定)。当我将动画设置为 false 时,图表不会在每个模态框打开时显示数据。当不包含动画道具时,数据有时不会加载。关闭并重新打开几次可以解决问题。 <Modal show={show} onHide={handleClose}animation=
示例如何在折线图顶部显示数据实施时遇到的问题:chartjs 插件“chartjs-plugin-datalabels:1.0.0”导入时引发以下错误TypeError:无法读取未定义的属性“extend”。通过将标签插件包更改为测试版本2.0.0-rc.1解决了上述错误链接到 codesandbox 将找到此处此处提出了类似的问题,但解决方案无法解决我的问题。任何帮助都将不胜感激。import
我正在尝试使用 react-chartjs-2 创建条形图,但收到错误:无法读取未定义的属性(读取“map”)。这是我第一次尝试创建图表,我想知道我应该写些什么,是什么导致了这个错误。import React, {useEffect} from 'react'import styled from 'styled-components';import {Bar} from 'react-chartj
我正在使用 Chart.js 和 react-chartjs-2 向我的 React 应用程序添加图表。我正在尝试将数据加载到图表中,如下所示:<Chart type="line" data={this.getData}/>getData是一个简单的函数,它将组件 props 中的数据转换为 Chart.js 可以理解的格式:function getData() {const data = thi
我设置了一条路由来渲染一个组件:<Route exact path="/page/:id" location={this.props.location} key={this.props.location.key} render={({ location }) => (<PageStart key={this.props.location.key} />)} />然后在该组件 (PageStart)
以下是路线。我试图获取像 /fetchdata/someid 这样的参数,我尝试了this.props.match.params.id,这是它所说的:property 'id' does not exist on type '{}'import * as React from 'react';import { BrowserRouter, Route, Switch } from 'react-r
我是 React 的新手。我只需要在页面加载时从 URL 获取路径参数。我的 URL 如下。http://localhost:3000/explorer/test/111我已设置了如下路由,<Routeexact path="/explorer/test/:id"component={() => <BlockPage />}/>然后在<BlockPage />组件中,我需要在组件加载时获取:id的
我遇到了一个问题,我以正确的方式传递了props(在我看来),但仍然出现错误:我的 App.js 中有以下几行代码这行代码可以运行: <Route path="/users/:username"render={(props) => <Profile isAuthenticated={this.state.isAuthenticated} currentUser={this.s