Соединить Django с react.js

enter code here

function App() {
 return (
   <div className="App">
   <header className="App-header">
     <img src={logo} className="App-logo" alt="l ogo" />
    <p>
      Edit <code>src/App.js</code> and save to reload.
    </p>
    <a
      className="App-link"
      href="https://reactjs.org"
      target="_blank"
      rel="noopener noreferrer"
    >
      Learn React
    </a>
    <h1>wow sucess</h1>
  </header>
</div>
);
}

Я работаю над проектом Django, поэтому я создал пользовательский интерфейс с помощью html и bootstrap. Теперь я хочу работать с reactjs, поэтому как мне импалементировать подобный или существующий ui в react и как мне отправить httprequest и ответ из представления в шаблон

React теперь является фронтенд-сервером, а django - бэкендом. Вам нужно отправлять API запросы на сервер django с помощью функции fetch или используя Axios.

Если вы хотите получить API из API фреймворка Django, то вам нужно использовать управление состоянием Redux... В Redux состояние вашего приложения хранится в хранилище, и каждый компонент может получить доступ к любому состоянию, которое ему нужно, из этого хранилища гораздо проще... Вы можете использовать axios для получения URL вашего API из фреймворка Django

Посмотрите эту ссылку, чтобы понять больше:Axios

Вот пример того, как выглядит выборка API с помощью Axios:

export const getItems = () => async (dispatch) => {


    try{
        const res = await axios.get(`YOUR API URL`)
        dispatch({
            type: GET_ITEMS,
            payload: res.data
        })
        
    }


    catch(e){
        dispatch({
            type: ITEMS_ERROR,
            payload: console.log(e),
        })
       
    }

}
Вернуться на верх