Разрабатываю небольшое приложение (React js – фронтенд, Python3.10 бекенд). Реализовал регистрацию и авторизацию, после которой происходит перенаправление на главную страницу (использую хук useNavigate). При попытке обновить страницу или п…
Пишу на react приложение "курс валют"
Вот метод получения курса
axios.get(‘https://api.privatbank.ua/p24api/exchange_rates?json&date=17.08.2022’,{
‘Access-Control-Allow-Origin’ : ‘*’,
‘Access-Control-Allow…
Вылезает предупреждение:
Warning: ReactDOM.render is no longer supported in React 18. Use
createRoot instead. Until you switch to the new API, your app will
behave as if it’s running React 17. Learn more:
https://reactjs.org/link/switch-t…
в компоненте в конструкторе делаю запрос на сервер для получения необходимых данных и асинхронно вношу их в состояния:
class MyComponent extends Component<any, any> {
// конструктор
constructor(
props: any
) {
…
Подскажите пожалуйста, каким образом можно на реакте реализовать подобный калькулятор стоимости. Пример
Также прилагаю дизайн того, что мне нужно.
…
Подскажите пожалуйста, каким образом можно на реакте реализовать подобный калькулятор стоимости. Пример
Также прилагаю дизайн того, что мне нужно.
…
У меня есть стейт предположим:
const [ fields, setFields ] = useState(
{
field1: { error: "" },
field2: { error: "" },
field3: { error: "" }
}
);
Мне его нужно изменить (в моем…
У меня есть стейт предположим:
const [ fields, setFields ] = useState(
{
field1: { error: "" },
field2: { error: "" },
field3: { error: "" }
}
);
Мне его нужно изменить (в моем…
Вебпак жалуется на react компонент требуя лоадер.
ERROR in ./src/index.js 13:3
Module parse failed: Unexpected token (13:3)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this fi…
Необходимо каждую из ковычек обернут в span с классом.
Например, есть текст:
<p>“Всем привет” сказал он.</p>
На выходе надо получить:
<p><span class="left-q">“</span>Всем привет<span class="…
Всем привет. Пишу приложение на react и столкнулся с проблемой. Есть элемент с анимацией изменения ширины. Я хочу подписаться на это изменение и вызывать определенный callback. Но, почему-то, анимация не вызывает мой callback, хотя offsetW…
При добавлении товара не отображается его ID в консоли
App.js
if (cartItems.find((item) => Number(item.id) === Number(obj.id))) {
axios.delete(`/cart/${obj.id}`);
setCartItems((prev) => prev.filter((item) => Numbe…
Суть: Есть 4 поля куда вводятся значения, необходимо записать эти значения.
Проблема: При каждом вызове обработчика события происходит перезапись всего объекта с изменением значения одного свойства, остальные значения свойств равны 0, не с…
написал простой проект на React, главный компонент ничего не делает, отрисовывает пустой блок:
class AppMain extends React.Component {
render() {
console.log("MAIN");
return <></>
}
}
…
con…
Есть страница Admin с инпутами, когда мы вводим данные мы должны сохранить их и передать на другую страницу Home. Но они не связаны никак. Подскажите как это сделать
Страница Admin:
import React, {useState, useEffect} from ‘react’
impo…
Когда меняю что-либо в файле index.html/App.js/index.js и обновляю страницу (localhost), содержимое не изменяется. Приходится каждый раз заново писать команду npm start в терминале, ждать несколько минут и только тогда страничка меняется. …
Есть массив называется repos, в нем массив data и в data обьекты, и мне надо как-то получить эти обьекты, помогите пожалуйста…
Как реализовать перемещение между элементами с помощью кнопок вверх\вниз
На гифке продемонстрировано, то как реализовано в Bootstrap, тут с помощью кнопок вниз и вверх можно менять фокус на div`ах
…
В проекте стали вылезать вот такие предупреждения:
WARNING in ./node_modules/react-zoom-pan-pinch/dist/index.esm.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from
‘D:\sites\test\node_mo…
Хочу сделать вывод информации по API.
Подключил через fetch, далее хочу пройтись по масиву, но return не видит вообще самого блока который в нём.
Если без {item.map) – нормально, если хочу пройтись с помощью map, то не return видит блок
По…
Хочу сделать вывод информации по API.
Подключил через fetch, далее хочу пройтись по масиву, но return не видит вообще самого блока который в нём.
Если без {item.map) – нормально, если хочу пройтись с помощью map, то не return видит блок
По…
Хочу сделать вывод информации по API.
Подключил через fetch, далее хочу пройтись по масиву, но return не видит вообще самого блока который в нём.
Если без {item.map) – нормально, если хочу пройтись с помощью map, то не return видит блок
По…
Here is example of string
**[ma]={"sessionType":"installations","phoneModel":"ADDITIONAL apple","comment":"test2 ADDITIONAL"}
ADDITIONAL | installations | ADDITIONAL apple…
подскажите как более правильно решить следующую задачу:
есть несколько разных компонент с разными параметрами: <Panel1 data = {this.state.data1} /> и <Panel2 value = {this.state.value2} /> и т.д.
они отрисовываются строго по од…
<Formik
initialValues= {
{
email: ”,
username: ”,
url: ”,
password:”,
…
<Formik
initialValues= {
{
email: ”,
username: ”,
url: ”,
password:”,
…
import React, { useState } from "react";
const initialValues = {
title: "",
page: "",
linkrep: "",
description: ""
};
const AddPost = () => {
const [values, setValues] = useSt…
import React, { useState } from "react";
const initialValues = {
title: "",
page: "",
linkrep: "",
description: ""
};
const AddPost = () => {
const [values, setValues] = useS…
Я разрабатывал интернет-магазин, как пет-проект и сохранял картинки блюд прямо в базу, но тут есть проблема в том, что потом, скажем, 30 блюд с их картинками из базы получаются слишком долго, около минуты. Теперь я хочу это изменить. Как м…
Я сделал таймер обратного отсчета.
const { useState,useEffect } = React;
const App = (props) => {
const hour = props.date.getHours();
const min = props.date.getMinutes();
const sec = props.date.getSeconds();
const …
Свежие комментарии