Это мой проект №3 для FCC Speedrun 2, для моего предыдущего проекта, пожалуйста, посетите эти сообщения:

  1. FCC Speedrun — проект №1 по созданию генератора случайных цитат
  2. FCC Speedrun — приложение №2 для локальной погоды

В ходе этого проекта я узнал, как MediaWiki API обрабатывает запросы и ответы. А также для получения общедоступных вики-страниц с помощью origin=* в URL-адресе GET.

Я использую встроенный метод onChange(), предоставленный react, для обработки ввода пользователя. Было время, когда React не мог зациклиться на объектах и ​​отображал эту ошибку:

Ошибка

Uncaught (in promise) Error: Objects are not valid as a React child (found: object with keys )
If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of `exports`.(…)

Я искал решение этой проблемы, потому что без статей мое веб-приложение было не чем иным, как статическим сайтом, который отображает только изображения и текст.

Вскоре я нашел решение для преобразования моего ответа Object (статьи) в массив. Вот решение, которое я нашел.



преобразовать объект {} в массив [] в javascript
Как я могу преобразовать объект, такой как {'1':5,'2':7,'3': 0,'4':0,'5':0,'6':0,'7':0,'8':0,'9':0,'10':0,'11':0, '12':0} в…stackoverflow.com



Затем я преобразовал свои статьи в массив с некоторыми настройками для правильной структуры данных.

Позже я скомпилировал все полученные данные и свой код JSX. Использовал предварительно настроенную команду create-react-app build для создания готового веб-приложения. Я использовал Surge для развертывания своего веб-приложения.

Если вы хотите увидеть этот проект в действии, посетите здесь.

Если вы хотите увидеть код для этого проекта, посетите здесь.

P.S. Если вам понравилась эта статья, это будет много значить, если вы нажмете 💚 и поделитесь ею с друзьями.