Category: ReactJS

Разрабатываю свое первое приложение на react-e, текущая версия которого здесь, а гит здесь.

В основе лежит App компонент-функция с состоянием

const [formValues, setFormValues] = React.useState({
drugs: [{}],
numOfForms: 1…

сможет ли человек знающий основы js выучить react?
или вообще нужно учить react?

Ищу либу с графиками, в которой можно релизовать что то похожее на то, что на картинке. Главная проблема в картинках на оси х вместо текста. Не нашел ни одной, которая давала бы задавать произвольное отображение на осях, дает редактиров…

Как после перезагрузки страницы возращать положение страницы на котором была произведена перезагрузка?

Компонент react

class Header extends React.PureComponent {
render() {
const {location, base, mainSearchType, navigationItems, CurrentUserComponent, currentLocation, setLocation} = this.props;

const searchType = location.pathname….

Есть строка

const html = ‘Привет <Componentname text=”ок”/>’;

Как её вывести в Render, уже не как строку, а как html.

Можно ли использовать PropTypes для анонимной функции?
Если можно, то как?

import React, { memo } from ‘react’;
import ReactIdswiper from ‘react-id-swiper’;
import PropTypes from ‘prop-types’;

export default memo ( ( { children, params…

Если без div { …children } то работает
Webpack собирал сам. Проблема в сборке?

import React from ‘react’;
import SwiperId from ‘../../core/swiper’;

const SliderSmall = () => {

return (
<SwiperId>
<h1>He…

я новичок в react , очень хочу изучить эту библиотеку. сейчас делаю приложение в кором хочу вывести в консоль состояние, которое получаю в дочернем компоненте, но не понимаю, как это сделатью. для удобства выделил главные элементы

const …

Если использовать onWheel то работает

const Root = () => {

const [ ok, setOk ] = useState ( false );

const ScrollEl = ( props ) => (
<ScrollWrapper display={ props.display }>
<h1>Hello</h1>
&…

Как отследить позицию scroll в react js

Как узнать, в зоне видимости экрана компонент или нет

Почему не работает код:

import React from “react”;
import { useState, useEffect } from “react”;

const Timer = ({ timeoutSec }) => {
const [counter, setCounter] = useState(timeoutSec);

useEffect(() => {
const timer =
…