javascript - 如何在 reactjs 请求中实现条件？

Question

我之前有这样的请求:

let data = {

      chartLibraryType : this.state.chartCategory == 'highChart'? "HIGH_CHARTS" : "C3",

    };

现在我需要用 3 来实现。除了 highcharts 和 c3，我还需要通过 d3。

let data = {

      chartLibraryType : if(this.state.chartCategory == 'highChart'){
                            "HIGH_CHARTS"
                        }else if(this.state.chartCategory == 'c3Chart'){
                            "C3"
                        }else if(this.state.chartCategory == 'D3Chart'){
                            "D3"
                            },

    };

当我们有2个以上的时候，是这样实现的吗？

Answer 1

首先，您可以创建一个字典。

let dictionary={
   "highChart" : "HIGH_CHARTS",
   "c3Chart" : "C3",
   "D3Chart" : "D3"
}

然后您必须使用 bracket 表示法将 state 作为 dictionary 的键传递。

let data = {
  chartLibraryType : dictionary[this.state.chartCategory]
}