Size: a a a

React — русскоговорящее сообщество

2021 February 09

AM

Aqua Min in React — русскоговорящее сообщество
export const Input = styled.input<{
 isError: boolean | undefined | string;
 width: number;
 textAlign: string;
 fontSize: {
   m: number;
   t: number;
 };
 division: {
   m: number;
   t: number;
 };
 sizeInput: number;
 minWidth: number | undefined;
}>`
 font-family: LiberGrotesqueBlack, sans-serif;
 color: ${Colors.emperor};
 font-size: ${({ fontSize }) => ${fontSize.m}px};
 width: ${({ sizeInput, fontSize, division }) =>
   ${(sizeInput + 1) * (fontSize.m / division.m)}px};
 text-align: ${({ textAlign }) => textAlign};
 min-width: ${({ minWidth }) => (minWidth ? ${minWidth}px : 'auto')};
 border-bottom: ${({ isError, width }) =>
   ${width}px solid ${isError ? Colors.burningOrange : Colors.dodgerBlue}};

 ${media.tablet`
   font-size: ${({ fontSize }) => ${fontSize.t}px};
   width: ${({ sizeInput, fontSize, division }) =>
     ${(sizeInput + 1) * (fontSize.t / division.t)}px};
 `}
`;

Инпут расширяется при вводе символов, по идеи не должен создаваться новый класс на ввод, но создается
источник

S

Sergei in React — русскоговорящее сообщество
Aqua Min
Подскажите пжлст, использую styled-components в react, на каждый ввод символа в инпут создается новый класс на текущий элемент, как от этого избавиться? Раньше что-то через attrs делал, но точно не помню, не понимаю почему либа на каждый ввод создает новый класс)
я конечно могу ошибаться, но могу предположить что у тебя ререндрится компонент, и из-за этого создается новый класс
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Aqua Min
export const Input = styled.input<{
 isError: boolean | undefined | string;
 width: number;
 textAlign: string;
 fontSize: {
   m: number;
   t: number;
 };
 division: {
   m: number;
   t: number;
 };
 sizeInput: number;
 minWidth: number | undefined;
}>`
 font-family: LiberGrotesqueBlack, sans-serif;
 color: ${Colors.emperor};
 font-size: ${({ fontSize }) => ${fontSize.m}px};
 width: ${({ sizeInput, fontSize, division }) =>
   ${(sizeInput + 1) * (fontSize.m / division.m)}px};
 text-align: ${({ textAlign }) => textAlign};
 min-width: ${({ minWidth }) => (minWidth ? ${minWidth}px : 'auto')};
 border-bottom: ${({ isError, width }) =>
   ${width}px solid ${isError ? Colors.burningOrange : Colors.dodgerBlue}};

 ${media.tablet`
   font-size: ${({ fontSize }) => ${fontSize.t}px};
   width: ${({ sizeInput, fontSize, division }) =>
     ${(sizeInput + 1) * (fontSize.t / division.t)}px};
 `}
`;

Инпут расширяется при вводе символов, по идеи не должен создаваться новый класс на ввод, но создается
Не кидай код в чат, используй gist, codesandbox или скриншоты если кода мало
источник

В

Василий in React — русскоговорящее сообщество
Тимофей 🛴
Не кидай код в чат, используй gist, codesandbox или скриншоты если кода мало
paste.bin наше все!
источник

БП

Безпонтовый Пирожок... in React — русскоговорящее сообщество
"webpack" не является внутренней или внешней
командой, исполняемой программой или пакетным файлом.

У меня пишет это после того, как я установил его
Почему так нахой ?)
npm install webpack webpack-dev-server webpack-cli -D
Вот этой командой устанавливал
источник

D

Dmitriy in React — русскоговорящее сообщество
Безпонтовый Пирожок
"webpack" не является внутренней или внешней
командой, исполняемой программой или пакетным файлом.

У меня пишет это после того, как я установил его
Почему так нахой ?)
npm install webpack webpack-dev-server webpack-cli -D
Вот этой командой устанавливал
Установи webpack глобально
npm i webpack -g
источник

БП

Безпонтовый Пирожок... in React — русскоговорящее сообщество
попробую
источник

11

1 1 in React — русскоговорящее сообщество
Всем привет, подскажите как реализовать селект(выпадающий список) внутри инпута
источник

VL

Valerii Leontiev in React — русскоговорящее сообщество
Ребят, а как в ant design их иконку пробросить пропсом?
Я посторил компонент, который будет принимать разные иконки
Пытаюсь как-то пробрасывать их, и тексом, и компонентом - что-то никак
источник

OF

Oleg Frolov in React — русскоговорящее сообщество
1 1
Всем привет, подскажите как реализовать селект(выпадающий список) внутри инпута
источник

11

1 1 in React — русскоговорящее сообщество
Спасибо, сейчас посмотрю
источник

П

Павел in React — русскоговорящее сообщество
Привет
источник

PM

Pavel Mellonges® in React — русскоговорящее сообщество
как сделать чтобы по одному клику открывался файл в редактора от jetиrains?
источник

IN

Igor N in React — русскоговорящее сообщество
Pavel Mellonges®
как сделать чтобы по одному клику открывался файл в редактора от jetиrains?
источник

PM

Pavel Mellonges® in React — русскоговорящее сообщество
там не знают
источник

IN

Igor N in React — русскоговорящее сообщество
Или ты просто не дождался ответа
источник

SM

Serj Marin in React — русскоговорящее сообщество
Подскажите, можно ли для удобства как -то получить jsx из js взятого из браузера?
хочу разобраться как один сайт работает
Спасибо)
источник

Оа

Отвал ам Уды... in React — русскоговорящее сообщество
сможешь из сахара свёклу сделать?
источник

G

Gearonix in React — русскоговорящее сообщество
хорошее сравнение
источник

y

ymdev in React — русскоговорящее сообщество
Serj Marin
Подскажите, можно ли для удобства как -то получить jsx из js взятого из браузера?
хочу разобраться как один сайт работает
Спасибо)
ну учитывая, что jsx перегоняется в React.createElement(), наример, и код на сайте не минифицирован, то можешь написать обратное преобразование. Может частично что-нибудь и получится вернуть
источник