React Component: переназначить значение реквизита

Question

Я создал пользовательский компонент:

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

Теперь в моем Buutton.js я хочу установить значение метки равным значению из randomProps (если, конечно, randomProps определяется).Итак, я сделал что-то вроде этого:

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

Но у меня есть ошибка ES6: присвоение параметру функции 'label': no-param-reassign.

Answer 1

Вы не должны присваивать какое-либо значение опоре, которую вы получаете.Старайтесь не делать что-то вроде label = randomProps.

. Вы можете создать другую переменную или использовать значение непосредственно в качестве троичного оператора:

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