Question

我正在使用rc-slider在我的页面中显示范围栏，我想在其上标记一些值。这个值我从后端得到它。所以我在像

这样的渲染方法中设置了这个值

  var temp= this.props.Value;
     console.log('Value',temp);
    const marks = {

      temp: 'myValue'

    };

我想做的就像这样

var temp= this.props.Value;
         console.log('Value',temp);
        const marks = {
    temp:{
        style: {
          color: 'red',
        },
        label: <strong>'myValue'</strong>,
      }
}

但如果我输入硬编码值，它就可以了。我该如何添加它？我可能已经错过了基本的es6或反应概念

Answer 1

这类似于在对象中创建动态属性。将字段包裹在[]

中

 const marks = {
    [temp]:{
        style: {
          color: 'red',
        },
        label: <strong>'myValue'</strong>,
      }
}

Answer 2

您需要使用[]，它称为计算属性名称，它使用方括号表示法（方括号）[]

来实现

示例：{ [variableName] : someValue }

对于ES5，尝试这样的操作

var yourObject = {};

yourObject[yourKey] = "yourValue";

console.log(yourObject );

示例：

    var temp= this.props.Value;
    console.log('Value',temp);
    const marks = {

      [temp]: 'myValue'

    };

如何在rc-slider中添加动态键值

2 个答案: