Нужны ли props?

Question

[PlasterTom]

Пример из документации:

function Welcome(props) {
      return <h1>Hello, {props.name}</h1>;
    }

Могу ли я писать код такого типа, без всяких props, если у меня компонент по сути появляется только один раз на сайте? И как вообще правильно делать? (Конкретно, есть сайт-портфолио со страничкой "обо мне" и в ней указывается информация об образовании, опыте и т.д.) Вероятно, для подобного сайта реакт и вовсе не самый лучший выбор, но выбрал так просто для того, чтобы въехать в библиотеку.

function Welcome() {
      return <h1>Hello, World!</h1>;
    }

П.С. Как делать export default для функциональных компонентов?

Answer 1

[Антон Спирин]

Если не используете props, не пишите.
Когда используете, можно делать деструктуризацию:

function Welcome({ name }) {
  return <h1>Hello, {name}</h1>;
}

Второй вопрос:

export default function Welcome() {
  return <h1>Hello, World!</h1>;
}

Answer 2

[Andrey Perov]

Если компонент не принимает props, тупо выводит статику, то зачем его создавать вообще?
Можно просто написать

return ( 
<div>
  <h1>Hello, World!</h1>
  <Content/>
</div>
)

Comments

[PlasterTom]

Чтобы сюда красиво вставить одним тэгом. Не стоит?

const routes = [
  { path: '/',
    exact: true,
    main: () => <About />
  },
  { path: '/gallery',
    main: () => <Gallery />
  },
...

[Антон Спирин]

PlasterTom, стоит. И будет хорошо, если заведете директорию /pages в проекте для страниц.