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

Question

I have a function that calls on my ReactJS app:

Charts.createNpsGraficoRespostas(nps_respostas_vida, chart_nps_vida , self)

This is the code of the function:

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

Did you see the parameter "state_parameter", I want to pass the value "chart_nps_vida" as a parameter to the setState function, but this it is not working.

This is what I want, but I want to use a parameter instead of use directly "chart_nps_vida".

    self.setState({ chart_nps_vida: chart_nps })

How can I get to make this works?

Answer 1

Assuming state_parameter is a string, this should work.

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

Answer 2

You're asking to use the variable parameter name as the object fieldname. This cannot be done. The best solution would be this:

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)
    ...
}