Необходимо вополнить скрипт, когда отрендерится и отобразится на экране некоторый код.
ReactDOM.render(<div>72</div>, …);
console.log(‘Отобразилось’);
Нужно, чтобы запись в консоли появилась после отображения div’ов на экран…
Всем привет! Кто может объяснить как работает функция удаления в app.js? В моем понимании p.id и post.id сравниваются друг между другом, но они же по сути ссылаются на один элемент массива posts?
App.js
import PostForm from "./compone…
В компоненте есть кнопка, по нажатию на которую появляется комментарий
<button onClick={()=> {setCommentOpened(true)}} className={styles.comment}><div className={styles.comment__icon}><Icons value=’Комментарии’ /></…
Есть два элемента:
elem1 = <div>1</div>;
elem2 = <div>2</div>;
Существует ли способ их конкатенировать в другую переменную newElem, чтобы при
ReactDOM.render(newElem, …)
отображался результат склейки elem1 и ele…
Есть два элемента:
elem1 = <div>1</div>;
elem2 = <div>2</div>;
Существует ли способ их конкатенировать в другую переменную newElem, чтобы при
ReactDOM.render(newElem, …)
отображался результат склейки elem1 и ele…
Используя axios в приложении React.js, я перехватывал ошибку 401 и обновлял токен, после чего повторял попытку запроса и в случае повторной ошибки, я уже полностью выходил из аккаунта.
private async responseInterceptor(error: AxiosError) {…
Есть функция – принимает 2 параметра: текст, элемент-тег(может быть любой тег)
Как реализовать функцию так что бы переданный в него текст, первым параметром, поместить внутрь второго параметра, то есть в тег – грубо говоря так:
function(te…
interface InputProps {
label?: string;
placeholder?: string;
className?: string;
htmlType?: string;
autoComplete?: string;
size?: string;
ariaLabel?: string;
required?: boolean;
}
const Input = forwardRef(function Input(
…
interface InputProps {
label?: string;
placeholder?: string;
className?: string;
htmlType?: string;
autoComplete?: string;
size?: string;
ariaLabel?: string;
required?: boolean;
}
const Input = forwardRef(function Input(
…
interface InputProps {
label?: string;
placeholder?: string;
className?: string;
htmlType?: string;
autoComplete?: string;
size?: string;
ariaLabel?: string;
required?: boolean;
}
const Input = forwardRef(function Input(
…
Не могу понять, почему рендерит две карты. При это, изменения вносятся на нижнюю карту, на верхнюю изменения не применяются.
component MapY:
import React from ‘react’;
import { YMaps, Map, FullscreenControl, GeoObject } from "react-ya…
Всем привет, только учусь и столкнулся со следующей проблемой:
Есть один редьюсер, который хранит данные, и есть второй, который эти данные использует.
При использовании обычного redux, все работает отлично, но как только код был переписан…
let data = {category: {
products: [
{
prices: [
{
amount: 144.69
},
{
amount: 104
},
{
amount: 186.65
},
{
…
Я уже видел достаточно много таких штук, где как кажется дочерний блок перепрыгивает между родительскими, особенно часто с вкладками. Я знаю, что я бы мог считать всё по пикселям, но мне такой вариант не нравится.
Мне в данном случае, ну…
Есть компонент, который использует кастомные инпуты (CustomInput) и принимает некоторые пропсы (data). Мне нужно, чтобы значения из пропсов сразу подставлялись в инпут при монтировании компонента. Как это сделать? Я попробовал вписать знач…
Надо через код ReactJs по нажатию кнопки выполнять команду ls в консольке
При вызове clickItem (id:2) ответ newTotal = 20
Если дополнительно вызвать c id: 3, clickItem (id:2, id:3), то ответ newTotal
20
30 ,а я жду ответ 50.
Я предпологаю что тернарное выражение array1.id === clickItem ? null во всем виновато …
Есть функция обработчик в компоненте React:
const handleChange = () => {
const values = getValues();
setMainData(mainData => Object.assign(mainData,values));
onSubmitParent(mainData);
console.log(mainData);
}
Так…
Пытаюсь сделать фильтрацию с динамическими ключами, есть такой код:
function sortName() {
const lengthArr = []
let nameSort = {}
// part 1
props.sortedOrders.map(e => {
return e.dishes.map(e => {
length…
It is necessary to implement the removal of the post by the app.delete method in express server. The data is stored on the local server in json format.sending data on the server looks like this.
You need to do the same, only app.delete
…
Всем привет! Не работет props: при наведении на заголовок h1 цвет не меняется, но если props убрать и оставить hover, то все нормально. Не пойму почему так.
import React from ‘react’;
import ‘./app-header.scss’;
import styled from ‘styled…
Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass –save.
React у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…
Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass –save.
React у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…
Всем привет! Ранее я подымал вопрос касаемо как сложить массивы и мне предложили сложить с помощью reduce. У меня тогда не получилась из price сложить через reduce и я переделал код, но хочу все же разобраться в чем дело? Буду благодарен п…
У меня есть довольно простая функциональная компонента, которая рендерит массив с числами от 0 до 14 и при нажатии на любое число меняет его с предыдущим местами по средставам смены индекса элемента.
При каждом клике по элементу, у меня п…
есть два json файла. В одном хранятся комментария, в другом посты. Нужно сделать фильтрацию по postId из json файла комменатриев.
json файл постов выглядит примерно так:
[
{"id": 1,
"name":"Artyr",
"text…
При открытии приложения все ок, далее перехожу на любую страницу и сначала (на секунду) все рендерится, потом все падает с ошибкой. Локально все работает. Для сервера я использую json-server
GET https://clothes-shop-copy.herokuapp.com/cat…
Добрый день!
Использую React Formik вместе с AntDesign. У AntDesign`a есть компонент InputNumber.
При попытке обернуть его в логику Formika(InputProps) перестают работать кнопки вверх и вниз вот пример их рабочего компонента.
Вот мой код:
…
<script>
// Данные, массив объектов Recipes
const data = [
{
name:"Baked Salmon",
ingredients: [
…
Свежие комментарии