Разве мы не можем внедрить компонент непосредственно в App.js ?

#reactjs #src

#reactjs #Src

Вопрос:

Я новичок в веб-разработке.После того, как я закончил html, css и js (базовые вещи) Недавно я начал изучать react js. В папке src моего первого проекта setup я вижу index.js и app.js файлы. Зачем нам нужно index.js файлы здесь? Разве мы не можем внедрить компонент напрямую в App.js ?

Ответ №1:

index обычно используется для сообщения _это самый высокий уровень в этом каталоге / иерархии. Индекс — это точка входа в ваше приложение, где оно загружается в DOM. App это просто компонент, подобный любому другому компоненту. Вы могли бы называть это как угодно, например, Root , ComponentNotNamedApp и т.д.

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

Мое приложение использует redux, поэтому все, что есть в индексе, это,

 ReactDOM.render(
    // redux stuff
    <Provider store={store}>
        <App />
    </Provider>,
    document.getElementById('root')
)