Question

 let GraphProjection = props => {
  let [chartData, setChartData] = useState({});

  let val1=props.recover[0]
  let date=props.recover[1]
//  let temp=length(date)
  //console.log('typ1 ', (temp));
 let jj=['323','3223']



  let chart = () => {
        setChartData({
          labels: date,
          datasets: [
            {
              label: props.recover[3],
              data: val1,
              backgroundColor: ["rgba(75, 192, 192, 0.6)"],
              borderWidth: 4
            }
          ]
        });}
     useEffect(() => {
    chart();
  }, []);
  return (
    <div className="App">
      <h1>{props.recover[2]}</h1>
      <div style={{height:"700px" ,width:"1200px"}}>
       <Line data={chartData} options={ {responsive :true}}/>

      </div>
    </div>
  )

}

我正在从其他组件中调用该组件

this.grapshow=( (<StatewiseGraphsec statecode ={this.x}/>))

它第一次起作用，但随后不更新？我认为这是因为渲染问题。如果我尝试设置状态，则不允许

Answer 1

实际上，日期是恒定的Inam，它更改了作为y轴的Val1。所以我在一个组件中有一个下拉菜单，用于过滤值并发送到该组件以进行图形创建。它仅适用于首次选择。

图形不会随着值的变化而更新。使用react-chartjs-2

}

1 个答案: