Reactjs中的输入更改自动更新图表

Question

我正在尝试根据输入更改自动更新图表。我有3个元素：一个输入字段(k(，一个由2列组成的数组(x和sin(kx((和一个图表(绘制sin(kx((。我希望数组和图表在k变化时自动更新。没有可点击的按钮，没有重新加载，只有更改时的自动更新。

有可能吗？我找了整整一个星期都没有结果。

https://codesandbox.io/s/youthful-butterfly-2e7qj?file=/src/App.js

谢谢：(

编辑：沙盒：(

Answer 1

例如，假设这是输入k

const handleChange = (e) => {
// add your update logic here
}

Input K
<input type="text" name="inputK" onChange={handleChange} />

Answer 2

我让你的沙箱工作起来了
您应该进一步了解react的基本知识。您无法按自己想要的方式访问状态。
在您的情况下，您需要将状态上移，然后用道具将状态下移。您还应该为变量提供更多的声明性名称。

https://codesandbox.io/s/stackoverflow1-ilfj1?file=/src/Array.jsx

我还将使用函数组件和使用State钩子，而不是类组件。这些都已经过时了。