如何将 ReactJS 上的参数传递给 setState

Question

我有一个 function 调用我的 ReactJS 应用程序：

Charts.createNpsGraficoRespostas(nps_respostas_vida, chart_nps_vida , self)

这是 function 的代码：

export function createNpsGraficoRespostas(array_nps_respostas, state_parameter, self){
...
self.setState({ state_parameter : chart_nps })
...
}

你看到参数“state_parameter”了吗，我想将值“chart_nps_vida”作为参数传递给setState function，但这不起作用。

这就是我想要的，但我想使用一个参数而不是直接使用“chart_nps_vida”。

    self.setState({ chart_nps_vida: chart_nps })

我怎样才能使它起作用？

Answer 1

假设 state_parameter 是一个字符串，这应该可以工作。

  export function createNpsGraficoRespostas(array_nps_respostas, state_parameter, self){
    ...
    self.setState({ [state_parameter] : chart_nps })
    ...
    }

Answer 2

您要求将变量参数名称用作 object 字段名称。 这是无法做到的。 最好的解决方案是：

Charts.createNpsGraficoRespostas(nps_respostas_vida, {chart_nps_vida: chart_nps_vida} , self)

export function createNpsGraficoRespostas(array_nps_respostas, state_parameter, self){
    ...
    self.setState(state_parameter)
    ...
}