Как загрузить данные из json в react?

Если это локальный учебный проект React с Vite, положите рядом с App.jsx файл items.json, например с содержимым [{"id":1,"name":"Блокнот"},{"id":2,"name":"Папка"}]. В App.jsx добавьте import items from './items.json', а компонент пусть возвращает <ul>{items.map(item => <li key={item.id}>{item.name}</li>)}</ul>. Vite поддерживает импорт JSON, поэтому вручную вызывать JSON.parse для уже импортированного массива не нужно. Если ваш файл содержит объект с полем items, обращайтесь к этому массиву, а не вызывайте map у внешнего объекта. Такой импорт подходит данным, входящим в сборку приложения. Для данных, изменяемых отдельно на сервере, нужен запрос и обработка загрузки и ошибок. Не помещайте секретные сведения в клиентский JSON: содержимое передаётся пользователю.