Questions tagged [reactjs]

Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.

React.js — это JavaScript библиотека (фреймворк) для создания пользовательских интерфейсов от Facebook.

React разрабатывается и поддерживается Facebook, Instagram, а также сообществом отдельных разработчиков и корпораций.

О релизах и версиях React:

Ссылки (на английском языке):

6753 questions
6
votes
5 answers

var React = require("react"); Почему не работает?

Бьюсь над проблемой уже третий день, перерыл весь интернет на русском и на английском (как смог). Ответа не нашёл. Прошу вашей помощи. Суть проблемы: установил через npm React и ReactDOM. В node_modules они добавились. Подключаю. Не видит. Пишет в…
parser
  • 69
5
votes
2 answers

React песочница

Подскажите, есть ли сайт, где можно тестить онлайн код react js, чтобы можно было поделиться этим кодом?
4
votes
1 answer

Как в react задать checkbox?

Суть вопроса такова. Мы берем массив, перебираем его и создаем инпуты ckeckbox в render() react Как составить правильно массив, и как прописать в Render, что какие то инпуты с активным ckeckbox а какие то нет? Ну то есть как…
Sinevik
  • 569
4
votes
2 answers

Как проверить откуда было обновлено состояние?

Написал код, который должен обновить состояние 1 раз, но где-то что-то обновляет его ещё раз сразу же после первого раза. Можно ли как-то получить Stack-Trace при обновлении состояния в React, чтобы посмотреть, что его обновляет?
3
votes
1 answer

React. Input Radio

Есть группа input-radio. Возле каждого инпута расположен селект. При клике на конкретный инпут соседний селект должен стать активным, остальные должны стать disabled или hide. class App extends React.Component { state = {}; render ()…
3
votes
1 answer

Как правильно добавить HTML комментарии при разработке на react.js?

Есть необходимость обернуть определенный компонент (не просто строку!!!) в комментарии настоящие html комментарии конструкция типа
3
votes
2 answers

create-react-app ошибка

Win 10 Хочу создать REACT app согласно нативной документации https://github.com/facebook/create-react-app#creating-an-app читаю согласно документации: . npx create-react-app my-app cd my-app npm start . (модуль create-react-app…
3
votes
0 answers

Когда имеет смысл выносить код в отдельный компонент?

ИМХО: получение данных из компонента довольно затратная операция (нужно передавать callback родителя, учитывать структуру данных и т.д.) поэтому имеет смысл создавать дочерние компоненты только для отображения данных например: class ItemsList…
ravend
  • 1,312
  • 11
  • 25
3
votes
1 answer

Не могу понять почему в консоли react пишет ошибку

файл где пишет ошибку ItemUrgency: import React, {Component} from 'react'; import { Button } from 'reactstrap'; //import views import DeleteProblem from '../Modals/DeleteProblem'; export default class ItemUrgency extends Component…
3
votes
2 answers

useEffect вызывается 2 раза при рендере несмотря на пустой массив зависимостей

const backUrl = "https://626d63f2e58c6fabe2d4dc9a.mockapi.io/items" function Main() { const [items, setItems] = useState([]) useEffect(() => { async function fetchItems() { const response = await fetch(backUrl); const…
Alternant
  • 43
  • 1
  • 1
  • 6
3
votes
3 answers

Как передать state из одного компонента в другой

есть 2 файла. 1 const FilterMobile = (tokensCount) => { return (
) } export default FilterMobile 2…
3
votes
0 answers

Как можно улучшить этот код компонента?

Учусь писать компоненты, вот набросал. Вопрос. Можно ли работать с styled-components более удобнее? Постоянно писать подобные условия для свойств утомительно и не очень красиво, как по мне. index.js import { Button } from…
3
votes
1 answer

Не работает функция в React

Не работает функция onAddNewProduct когда передаю ей параметры. Без параметров работает и добавляет товар,только пустой. import React, { Component } from 'react'; import './App.css'; import ProductTable from './dz1/ProductTable/ProductTable'; import…
2
votes
1 answer

Как сохранить полученный токен для авторизации?

import React from 'react'; import axios from 'axios'; import {Table} from 'reactstrap'; class Newpage extends React.Component { constructor(props){ super(props); this.state = { token: '', items:[] } …
Name
  • 31
2
votes
3 answers

Ошибка с ReactDOM.render()

Делая простое приложение, при запуске выдает ошибку Target container is not a DOM element. В чем моя проблема? import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter } from "react-router-dom"; import App from…
MegaRoks
  • 852
1
2 3
52 53