Как это переделать под JSX?

Question

[Денис Соколов]

size - это какой должен быть тег (h1, h2, h3, h4, h5, h6)
Как мне этот код переделать на JSX

export const Headline = ({ children, className, size }) => {
  return React.createElement(size, { className: classNames(s[size], className) }, children);
};

Answer 1

[0xD34F]

Заменить size на что-нибудь, что начинается с заглавной буквы, например:

const Headline = ({ children, className, size: Tag }) => {
  return <Tag className={classNames(s[Tag], className)}>{children}</Tag>;
};