Reactjs 不确定如何在react中实现此筛选器

Reactjs 不确定如何在react中实现此筛选器,reactjs,Reactjs,我正在尝试在此图表上应用筛选器 当用户在框中输入输入时,图表会相应地调整。例如,如果选择lessThan并在filterLimit框中输入300,则仅显示低于300的条形图组件,如下所示 类似地,如果我在filterLimit框中选择了大于和300输入,则仅显示大于300的条形图组件。 我在代码applyFilter(value)中定义了一个函数。我对如何从用户处获取输入并使用函数更新它以呈现适当的图表感到困惑。您需要使用状态来控制输入,并使用用户在applyFilter函数的filter字段和

我正在尝试在此图表上应用筛选器

当用户在框中输入输入时,图表会相应地调整。例如,如果选择lessThan并在filterLimit框中输入300,则仅显示低于300的条形图组件,如下所示 类似地,如果我在filterLimit框中选择了大于和300输入,则仅显示大于300的条形图组件。
我在代码applyFilter(value)中定义了一个函数。我对如何从用户处获取输入并使用函数更新它以呈现适当的图表感到困惑。

您需要使用状态来控制输入,并使用用户在applyFilter函数的filter字段和select字段中设置的内容


请参阅forked sandbox:

您需要使用state来控制输入,并使用用户在applyFilter函数的filter字段和select字段中设置的内容


请参阅forked sandbox:

在您的筛选方法内部放置一些类似于筛选数据数组的逻辑,并仅选择那些满足给定用户值的数据,并仅为那些已筛选的数组值创建图形在您的筛选方法内部放置一些类似于筛选数据数组的逻辑,并仅选择那些满足给定用户值的数据并创建仅用于过滤的数组值的图形