Natalia
Commonjs - нет, экспорт вроде норм, но когда я пытаюсь компонент вставить - то нет бабель ругается (что не видит модуля)
Andriy
Целевое SPA это ваше приложение, или ваше приложение это то в котором будет действие "Login as client"?
Уже придумал решение. Спасибо)
Natalia
по идее норм "module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
Ilya
Commonjs - нет, экспорт вроде норм, но когда я пытаюсь компонент вставить - то нет бабель ругается (что не видит модуля)
дайте листинг ошибки конкретный
Natalia
Artem
На каком событии можно получить доступ к props, котоые отдает redux асинхронно?
Mikhail
componentWillReceiveProps?
Pavlov
Кто-нибудь работал с semantic ui react используя темы ?
Valentin
зашкварно так писать font: 14px "SourceSansPro Regular"; или лучше отдельно свойства font-size font-family?
Anton
Всем привет. Кто-нибудь пользовался либой react-rating? Не могу понять почему он не рендерится на странице, хотя ошибок нет в консоли. Как можно понять, почему не работает установленный модуль?
Mikhail
Sergey
Bogdan
Без кода не хочу гадать
https://codesandbox.io/s/cool-field-0meqf
вот пример минимаьный, но суть тут ясна, убрал все индексы и key, все убрал, нажми "add node", добавь несколько, потом удаляй, анимация играет для всех, я уже как только не пробовал
Anton
А как ты дебажил?
смотрел в девтулс - в хтмл он появлется, но ширина 0. Я ставил ширину, думал в этом дело. И еще пробовал разные варивнты рейтинга из доки. Больше особо ничего не делал.
Anton
Без кода никак
вот сама эта либа https://www.npmjs.com/package/react-rating. Может я что-то не так делаю, но там вроде несложно:
import Rating from "react-rating"; // импорт
…
<Rating
emptySymbol="fa fa-star-o fa-2x"
fullSymbol="fa fa-star fa-2x"
/> // сам компонент в JSX
Может я что-то забыл?
Mikhail
Ну у тебя появляется в доме элемент с шириной 0, разберись почему и как это пофиксить. Если ты поставил ширину и ничего не изменилось, значит в дочерних нодах что-то не так
Mikhail
Кароч без кода что-то сказать нереал, но я к тому, что такого формата вопросы не для чата. Посиди вечер над этим, разберись сам, все так делают
Denis
На каком событии можно получить доступ к props, котоые отдает redux асинхронно?
А когда асинхронная операция вызывается?
Sergey
На каком событии можно получить доступ к props, котоые отдает redux асинхронно?
Нормально попробуй вопрос задать
Artem
А когда асинхронная операция вызывается?
Создается компонент, вызывается экшн, данные диспатчатся в редьюсеры и передаются в компонент обратно
Denis
Создается компонент, вызывается экшн, данные диспатчатся в редьюсеры и передаются в компонент обратно
Где он вызывается то? В конструкторе чтоли?
Спасибо за развёрнутое описание работы редуха
Artem
Denis
В componentDidMount
Ну значит там же и забираешь, асинк делаешь и пошёл работать, ежели ничего типа санок или саги нет
Denis
А вообще эта пропса доступна на всем лайфсайкле, вопрос только в том, что в ней лежит и лежит ли вообще до фетча
Valentin
Не подскажите, можно быстро запилить такой кейс:
имеется 300 элементов <span>email@mail.mail</span>
при клике на ноду я хочу выделять весь текст, что бы его можно было скопировать. Но не копировать в буфер обмена.
Ilya
Не подскажите, можно быстро запилить такой кейс:
имеется 300 элементов <span>email@mail.mail</span>
при клике на ноду я хочу выделять весь текст, что бы его можно было скопировать. Но не копировать в буфер обмена.
Нужен будет ref для спанов, ну а дальше вас ждут пляски вроде этих https://stackoverflow.com/questions/35516399/select-text-within-span-tag
Valentin
Valentin
готово, изи
Valentin
как считаете это норм решение?
<span
className={styles["td-text-truncate"]}
title={merchant.email}
ref={(ref) => { this.emailTDRefs[merchant.id] = ref; return true; }}
onClick={() => this.handleSelectEmail(merchant.id)}
>
{merchant.email}
</span>
handleSelectEmail = (id) => {
const node = this.emailTDRefs[id];
if (node) {
if (document.createRange) {
let rng, sel;
rng = document.createRange();
rng.selectNode(node)
sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(rng);
} else {
const rng = document.body.createTextRange();
rng.moveToElementText(node);
rng.select();
}
}
}
Denis
300 рефов)))))
Виртуалдом (нет)
Valentin
оказывается можно 3 раза кликнуть и он все выделит -.-
Denis
оказывается можно 3 раза кликнуть и он все выделит -.-
но далеко не каждый юзер об этом знает ведь
artalar
Делать что-то большое на хуках очень тяжело… начинаешь путаться что мемоизировать, а что нет… такая головная боль...
Bogdan
https://codesandbox.io/s/react-animation-0meqf
касательно анимации, сделал все же, даже работает не плохо)
Dmitry
Делать что-то большое на хуках очень тяжело… начинаешь путаться что мемоизировать, а что нет… такая головная боль...
А ещё если как у нас все в реакт вынести. Ух
🦜
Делать что-то большое на хуках очень тяжело… начинаешь путаться что мемоизировать, а что нет… такая головная боль...
Когда производительность реально падает, а не микрооптимизиации делать
artalar
Когда производительность реально падает, а не микрооптимизиации делать
Не обязательно из крайности в крайность
artalar
artalar
И это все нужно для работы с DOM 🤷♂️
Oleg
Делать что-то большое на хуках очень тяжело… начинаешь путаться что мемоизировать, а что нет… такая головная боль...
Та нет, у нас сложнейший проект весь на хуках и норм
Dmitry
Сложнейший понятие такое
ssshhh
const accept = {
boxShadow: '2px 4px 4px #525352',
backgroundColor: '#99cc66',
color: '#ffffff',
fontWeight: '600'
}
const cancel = {
borderRadius: '5px',
border: '1px solid #CDCDCD',
backgroundColor: '#E9E9ED',
height: '32px'
}
у меня есть стили в самом джс файле
как мне их одновременно добавить в style={accept cancel}
Daniil
Как это к реакту относится?
ssshhh
как сделать
.select:focus {
outline: none;
}
по типу как било више
ssshhh
Константу слелать в самом джс файле
Ilya
Всем привет!
Пожскажите, а как можно при рефреше страницы остаться на том же url?
Ilya
Заранее спасибо :)
Kostya
Всем привет нашел на гитхабе хочется узнать правильно ли вообще
class App extends Component {
componentWillMount() {
const { setBooks } = this.props;
axios.get('/books.json').then(({ data }) => {
setBooks(data);
});
}
Я как понимаю нельзя делать щапросы в ComponentWillMount или что я недоучил?
Alex
Kostya
а к чему этот код приведет?
MⅨ
Он должен быть прописан выше тогда, а App это обычно родительский компонент
Kostya
Это жкшен который обращается к редаксу!
Kostya
https://github.com/Archakov06/react-shopping-cart/blob/master/src/components/App.jsx
Igor
Всем привет нашел на гитхабе хочется узнать правильно ли вообще
class App extends Component {
componentWillMount() {
const { setBooks } = this.props;
axios.get('/books.json').then(({ data }) => {
setBooks(data);
});
}
Я как понимаю нельзя делать щапросы в ComponentWillMount или что я недоучил?
если почитать доку по ComponentWillMount, все вопросы сами отпадут
Ruslan
Всем привет нашел на гитхабе хочется узнать правильно ли вообще
class App extends Component {
componentWillMount() {
const { setBooks } = this.props;
axios.get('/books.json').then(({ data }) => {
setBooks(data);
});
}
Я как понимаю нельзя делать щапросы в ComponentWillMount или что я недоучил?
Нельзя и более того, componentWillMount будет удален в 17-й версии
MⅨ
Вообще стоит использовать функциональные компоненты
Kostya
Отсюда следует гитхаб это зло!)))))
MⅨ
А такие запросы лучше почитать в Redux про Async Actions
Kurzdor
А на какой ивент надо подписатся чтобы при клике на кнопку клавиатуры выполнялась функция?
MⅨ
В руках нож плохим может быть
ℜ𝔬𝔪𝔞𝔫
всем привет!
как мне вызвать колбек после завершения работы useState?чтоб передать туда уже обновленный объект
const [product, changeOptions] = useState(selectedProduct);
const onChangeOptions = ({target: {name, checked}}) => {
changeOptions({
...product,
[name]: checked
});
function(product)
};
Kostya
Вообще стоит использовать функциональные компоненты
я б с удовольствие но мне не нравится useEffect если был ьы способ делать componentDidMount только делать без update то это было бы хорошо
MⅨ
я б с удовольствие но мне не нравится useEffect если был ьы способ делать componentDidMount только делать без update то это было бы хорошо
На работе тоже будешь говорить не нравится?
Kostya
ну оно постоянно рендерится будет(