Параметр компонента без учета состояния ReactJS

Question

Какой предпочтительный / правильный выбор для параметра компонента без учета состояния ReactJS? Это реквизит или перечислить все имена реквизитов?

Выбор 1:

const Checkbox = props => {}

Выбор 2:

const Checkbox = ({name, value}) => {}

Answer 1

Способ использования компонента зависит от того, как реализован ваш компонент, а также от личных предпочтений. Функциональный компонент передается как props как аргумент поста, который вы можете использовать как есть или деструктурировать

Вариант 1: флажок const = props => {}

Чаще всего вы можете использовать описанный выше метод, когда слишком много реквизитов, которые вы хотите использовать, или передать все их дочернему компоненту

Вариант 2: флажок const = ({имя, значение}) => {}

Приведенный выше шаблон - это место, где вы уничтожаете name и value из реквизита. Вы можете сделать это, когда вам нужно использовать name и value из всех пропущенных реквизитов

Answer 2

выбор за вами, оба способа хороши, используйте на основе компонента

1) вы можете использовать, когда компонент большой (используйте больше реквизита):

Выбор 1: флажок const = props => {}

2) вы можете использовать, когда компонент маленький, и требуется 2 или 3 реквизита

Вариант 2: флажок const = ({имя, значение}) => {}

Нет никакого стандарта, когда использовать какой, все зависит только от вас, но когда компонент большой, используйте выбор-1, который делает код чище.

Answer 3

я не думаю, что есть предпочтительный / правильный способ сделать это я думаю, что практическим правилом должно быть количество параметров. если вы получили более 6 параметров, код начинает выглядеть беспорядочновсегда можете использовать назначение разрушения объекта внутри вашего компонента

Answer 4

Здесь нет неправильного выбора.

Если у вас есть только несколько реквизитов, как в вашем примере name и value, вы можете их деструктурировать.Если у вас есть 10+ реквизитов, я думаю, что лучше использовать просто props, а затем работать с ними в теле компонента, просто из-за визуального стиля.