如何从外部修改React / Redux组件的状态？

Question

我有一个常规HTML页面，其中包含用于过滤的输入元素，以及一个管理和显示项目表的React组件。当用户输入input元素时，我希望React组件将过滤器应用于它的状态。如何将此信息传递给React组件，并使其“反应”？ HTML页面属于某个应用程序，不能是React-ified。

Answer 1

进行React组件更新的最简单方法是更新它的道具。因此，您需要向React组件添加一个prop，当您对输入进行更改时，可以使用它来更新。这会将新数据传递给组件，它将重新渲染。

因此，只要React组件存在，您需要在更改输入中的文本时传入变量。

CASE [Parameter - Sales or Profit] 
WHEN 'Sales' THEN [Sales]   ## assuming your sales dimension is sales.
WHEN 'Profit' THEN [Profit]  ## assuming your profit dimension is profit.
ELSE 'Others' 
END