如何將 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)
    ...
}