Пытаюсь понять как передать данные из одного компонента React в другой, но столкнулся с проблемой, что в Интернете, люди которые учат этому, используют примитивную систему без Router, что осложняет мою задачу.
Есть компонент один:
expo…
есть такой код, принимаю в него параметры пропа, хочу организовать spa чтобы странички подтягивались, но хочу чтобы link был динамичным, как это сделать правильно?
react
<ul>
{Array.from(this.props.state).map((prop,inde…
не работает routing после сборки проекта, как это исправить?
Как обновлять refresh token на сервере и клиенте (React)???
Я просмотрел какое-то количество статей и вопросов, но абсолютного ответа не увидел, есть только пару вариантов:
1 – Отправлять токен через промежутки времени (или когда время дей…
Хочу написать десктоп приложение на js, и я очень запутался. Начал писать на electron + чистый js, но столкнулся с тем, что динамические элементы очень сложно реализовывать и, как я понял, React/Vue/Angular решают эту проблему. В приложени…
К примеру есть функция
const start = () => {
const timer = Observable.interval(1000).subscribe((x) => {
console.log(x)
})
}
Как использовать timer.unsubscribe() снаружи?
…
Уже много времени потратил в попытках сделать референс между двумя документами в mongoDB.
Структура В БД следующая
Коллекция company:
{
_id:6093dfd6e2ba3102ffdfa23a
name:"Samsung"
}
Коллекция products:
{
_id: ObjectI…
Уже много времени потратил в попытках сделать референс между двумя документами в mongoDB.
Структура В БД следующая
Коллекция company:
{
_id:6093dfd6e2ba3102ffdfa23a
name:"Samsung"
}
Коллекция products:
{
_id: ObjectI…
Подскажите, как сделать поле в фокусе, но после того как элемент уже отрендерился ? Пробовал через атрибут autoFocus но почему-то не отрабатывает.
Приведу простой пример из песочницы
Как сделать, что бы после нажатия кнопки Редактировать, …
Всем привет
Вопрос следующий:
сам настраивал связку react + redux + webpack + babel. В итоге столкнулся с проблемой, что не работают события во вложенных компонентах. Первый console.log сработает, а вот второй нет, т.к. он вложен в компоне…
Проблема с реализацией Drag&Drop при помощи react-dnd.
Если у перетаскиваемого элемента имеется скролл, и в элементе только текстовое содержимое, то preview элемента делается правильно, без скрытой части.
Но как-только я добавляю внизу…
Мне нужно отправить Post запрос на локальный сервер, но получаю эту ошибку:
Access to fetch at ‘http://test/reg.php’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: Request header field content-type is not allowed by A…
Я новичок в React, поэтому не бейте. У меня есть метод в классе:
showProductLists() {
Object.keys(responseAPI).forEach(function(item, index, responseAPI) {
arr.push(
<SimpleCell
…
Я не могу получить данные из API. Скажите, что я делаю неправильно, я получаю сообщение об ошибке: TypeError: Cannot destructure property persons of ‘undefined’ or ‘null’.
const TableBody = (props) => {
axios.get(‘http://api.npoin…
не получается удалить элемент из массива по нажатию кнопки . Кнопка классом "button-krestik" должна удалять отображаемый блок из массива вместе с которым она попала в этот массив.
Что я делаю не так?
const [itemReward,setItemRewa…
При нажатии на кнопку должен спавниться блок образца <div>kjkjkj</div> в другом каком-либо блоке. Как это вообще делается?
Я получаю список вечеринок со своего back-end’а(используя токен):
const [party_list, setUsrParty] = useState([]);
useEffect(() => {
let myToken = localStorage.getItem(‘myToken’)
fetch("/party_by_user", {
method: …
такая проблема – разрабатываю сайт на react.js с socket.io. Я открываю соединение через socket.io с сервером и беру некоторые данные по socket.on(‘getAllUsers’), когда хочу сохранить их в переменную через useState(), то происходит бесконеч…
Задача в том, чтобы произвести действие после того, как пользователь не двигал мышку в течение 10 секунд. Пробовал делать так:
let timeout;
const eventHandlerHiddenElement = () => {
clearTimeout(timeout);
timeout = setTimeout(()…
Всем привет. У меня возникла проблема при использовании библиотеки react-redux-firebase. Дело в том, что, когда я пытаюсь добавить список документов коллекции из firestore при помощи useFirestoreConnect, firestoreConnect или withFirestore,…
Есть компонент:
export default function App() {
return (
<Router>
<div className=’App’>
<a href=’/’>Show protected information if</a>
<span> </span>
…
После сборки приложения, если в продакшене открыть сайт в корне, то все будет нормально. При перемещении по сайту все отлично.
Вот как выглядит source:
Но если я попытаюсь перейти к URL-адресу, отличному от корневого, например /profile, т…
Access to XMLHttpRequest at ‘https://en.wikipedia.org/w/api.php’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
const { data } = await axio…
Помогите разобраться с вопросом подъёма состояний в React вот на таком упрощенном примере
import React from “react”;
class ProfileForm extends React.Component {
constructor(props) {
super(props);
this.state = {
value: …
Дело в том что в теге number я указал значения для min и для max. Если изменять число стрелками, то все ок , но если вводить число с клавиатуры, то можно свободно ввести число меньше минимального значения и больше максимального.
<input …
Сейчас если приложение в продакшн я отдаю клиент по *:
if (process.env.NODE_ENV === ‘production’) {
app.use(‘/’, express.static(path.join(__dirname, ‘client’, "build")));
app.get(‘*’,
async(req, res) => {
…
Пробую создать кастомный progress элемент на Реакте на основе вот этого примера
На выходе у меня получился вот такой компонент
import React from “react”;
import ReactDOM from “react-dom”;
const coins = 26000;
const rankCoinsToNextLeve…
Раньше был такой плагин как react-useragent, но почему-то он не желает устанавливаться в проект,так вот с его помощью можно было сделать так чтоб какие-то элементы показывались тока на мобилках, а какие-то только на компьютере. Чем его се…
ошибка:
C:\Users\Рабочий стол\openserver\OSPanel\domains\localhost\react>npm start
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\Рабочий стол\openserver\OSPanel\domains\localhost\react\package.json
npm ERR! errno -4…
Подключение к БД (из документации nextjs)
import { MongoClient } from ‘mongodb’
const { MONGODB_URI, MONGODB_DB } = process.env
if (!MONGODB_URI) {
throw new Error(
‘Please define the MONGODB_URI environment variable inside .env.lo…
Свежие комментарии