Question

我已经创建了一个自定义组件：

      <Button
        randomProps="asdasds"
        primary
        className="m-2"
      />
      <Button
        label="secondary"
        secondary
      />

现在，在我的Buutton.js中，我想将label的值设置为来自randomProps的值（如果randomProps当然是定义的）。所以，我做了类似的事情：

const Button = ({ label, randomProps }) => {  
    if (randomProps) label = randomProps;
    return (
    <FlatButton
      label={label}     
    />
  );
}

但是，我有一个ES6错误：分配到功能参数＆＃39;标签＆＃39; ：no-param-reassign。

Answer 1

您不应将任何值分配给您收到的道具。避免做label = randomProps之类的事情。

您可以创建另一个变量，或直接将该值用作三元运算符：

const Button = ({ label, randomProps }) => {
    return (
    <FlatButton
      label={randomProps? randomProps: label }
    />
  );
}

React Component：重新分配道具值

1 个答案: