5
голосов
Принятый
Что такое node.js, react.js и тд?
Так-с, начнём.
Node.js - javascript фреймворк, работающий на стороне Вашего ПК(что-то типа python с синтаксисом js). Для фронтенда используется как автоматический сборщик для других фреймворков(vue.js,...
4
голоса
Принятый
Как jest считает процент покрытия?
Jest считает покрытие кода используя плагин babel-plugin-istanbul.
Детально как это все работает под капотом можно прочитать тут. Я не стал все это переводить и добавлять в ответ так как очень много ...
2
голоса
Принятый
React, как добавить множество объектов в компонент
Должен быть один родительский элемент, т.е. нужно все кнопки обернуть в тег div или <>...</>
Вот так:
import React from 'react';
import { Button } from '@mui/material';
const App = ():...
2
голоса
Принятый
Checkbox неправильно меняется в React
Пару замечаний:
Чисто в этом компоненте вам не нужны ref-ы вообще (если конечно - это полный код компоненты)
В каком бы виде вы не писали в value, тега option данные, они всегда будут в строчном виде ...
1
голос
Принятый
Не подключается js файл в html
У вас в JS скрипте используется JSX, поэтому в теге скрипт, нужно ставить
type="text/babel". Это нужно потому что вы компилируете JSX уже во время работы страницы, и бабелю нужно знать что ...
1
голос
Убрать\добавить select-элемент в React
Разобрался.
Надо было искать не в пропсах или стилях конкретной библиотеки (хотя так тоже наверное можно, но гораздо сложнее). Ответ универсальный для любого компонента.
В функции render() оборачиваем ...
1
голос
Принятый
Не работает перенос строки (react)
Можете попробовать решить проблему с помощью css свойства white-space.
Сам только сегодня столкнулся с подобной проблемой :)
1
голос
Dropdown меню React, не передается значение в state
Получить значение можно добавив в тег select атрибут onChange и в нем вызывать функцию setScDay(e.target.value)
Вот так:
<div className="form_item">
<select onChange={(e)=> ...
1
голос
Принятый
Как преобразовать массив в JS?
Можно воспользоваться ассоциативным массивом Map
// Исходный массив
const source = [
{
Receipt_Id: 58,
Subscription_Id: 4,
Count: 2,
User_Id: 3
},
{
Receipt_Id: 58,
...
1
голос
React - как убрать определнные даты с datepicker'a
Судя по документации (скриншот который вы сделали) у вас дата должна быть Date, следовательно вам нужно перевести из значение из string в Date
let excludedDates = ["12/12/2022","11/12/...
1
голос
Принятый
Как узнать процент покрытия Jest и React testing library?
В package.json добавляете этот код. Если есть, то меняйте.
"scripts": {
"test": "react-scripts test --coverage",
//..
},
И вызываете уже через npm t. Этот код ...
1
голос
Принятый
Обработка коллекций React
В данном случае нужно воспользоваться React.Fragment, как контейнером в котором выводятся два соседних элемента
function Definitions({data}){
return (<dl>
{
data.map((item, ...
1
голос
Как присвоить тип в деструктуризации?
Есть как минимум два пути
указать тип параметра:
({children}: {children: ChildrenType}) => {
({children}: ArgType) => {, где ArgType - тип с полем children
указать тип функции
const ...
1
голос
Принятый
Как присвоить тип в деструктуризации?
const RequireAuth = ({children}: PropsWithChildren<{}>) => {
const RequireAuth = ({children}: {children: ТутНужныйТип}) => {
1
голос
Принятый
Как отсортировать дочерние элементы по атрибуту value
Алгоритм предельно прост:
Запоминаем все дочерние элементы как массив
Удаляем из DOM-а
Сортируем по любому удобному признаку
Вставляем элементы из массива обратно
Сам код:
const parent = ...
1
голос
API openweathermap.org. Как показывать погоду конкретного города, берущегося из массива?
Сначала: Тебе нужно почитать что такое "Контролируемые компоненты" - это ответит сразу на оба вопроса: как подгружать динамически и как правильно реализовать логику.
Потом: tawn - это ответ ...
1
голос
Принятый
Не перерисовывается компонент React
Вот, если правильно вас понял, для перерисовки лучше использовать callback в useState
import React, { useState } from 'react';
import "./App.css";
function App() {
let initialState = ['Коля', '...
1
голос
React. Тип event-а для получения closest dataset-а
Всё дело в том что closest возвращает тип Element, потому у него и нет dataset.
Вам вместо:
(e.target as Element)?.closest('[data-id]')?.dataset?.id
надо написать:
((e.target as Element)?.closest('[...
1
голос
Принятый
Почему mobx не обновляет value у динамических input?
Потому что не надо использовать индекс в качестве ключа.
А mobx вообще не при чём.
1
голос
Принятый
Скрытие и вывод враппера в реакте
Можете попробовать так:
const Span = ({text}) => (<span>{text}</span>)
const ConditionalWrapper = ({isWrapper}) => {
return (
<React.Fragment>
{
...
1
голос
Принятый
Как сделать деплой приложения next js на хостигнг?
Вот статья по теме деплоя next.js приложения - https://nextjs.org/docs/deployment. Самый лучший способ разобраться - начать с этой статьи.
Вы можете задеплоить статические файлы, сгенерировав их с ...
1
голос
Принятый
Контролирование нескольких инпутов в React
Такс у вас было сразу несколько ошибок:
Вы перепутали e.target.value и e.target.name
Как name так и value надо было приводить к числому виду, чтобы сравнивать корректно
Вы полностью перезаписывали ...
Only top scored, non community-wiki answers of a minimum length are eligible
Связанные метки
reactjs × 5289javascript × 2703
redux × 562
node.js × 297
typescript × 260
css × 243
react-router × 231
html × 213
react-native × 213
react-hook × 210
webpack × 129
react-router-dom × 124
jsx × 115
axios × 113
create-react-app × 106
frontend × 98
json × 94
express × 80
state × 75
nextjs × 69
fetch × 67
массивы × 64
npm × 63
material-ui × 60
firebase × 58