Есть способ аббревиатуры отреагировать на реквизит?

Question

Привет, у меня есть много компонентов, которые выглядят так:

<MyComponent content={content} />

Я ищу что-то вроде написания того же, но сокращенного, теперь, если я только добавлю content prop, это означает content, это true, но в моем случае я хочу передать объект.

Привет.

Answer 1

Чтобы построить ответ @ Адама.

Вы можете определить свои свойства как const;

const content = // some code;
const myProps = {
    content
};

Обратите внимание, что если у меня есть свойство, которое совпадает со свойством компонента, вы можете просто сделать это таким образом. В противном случае вы можете создать его как;

const otherProperty ...
const myProps = {
    content: otherProperty
}

Затем, используя «Синтаксис распространения», примените свойства к компоненту;

<MyComponent {...myProps} />

Answer 2

Как уже упоминалось, это может быть немного сокращено с помощью оператора распространения:

 <MyComponent {...{content}} />

Answer 3

Вы можете использовать оператор распространения, например, так:

<MyComponent {...props} />