Size: a a a

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

2020 August 07

A

Andrey in React — русскоговорящее сообщество
Drunik
давай не ной только!
bruh...
источник

ф

фильтруй мысли... in React — русскоговорящее сообщество
eMpathy
Здравствуйте, подскажите, пожалуйста, в каком направлении двигаться,чтобы решить проблему. Не могу найти решение в сети.
Подключен react, страница на нем. Подключаю less через вебпак. Стили билдятся в папку dist. К странице стили подключаются, проблема в том, что они не применились.
https://github.com/zweitesherz/homework-xsolla/tree/5cbb3204b95db6ead6d3bf87e454148924d03f0d

import React from 'react';

import stLess from './style.less'

function App() {
   return <div className={stLess.message}>Hellol!</div>
}

export default App;


А на выходе получаю

<html lang="en"><head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles.css" rel="stylesheet"></head>
<body>
 <div id="root">Hello!</div>
<script src="main.js"></script>
</body></html>
у тебя обычный less-loader без css modules, т.е. при импорте less файлов все стили собираются в styles.css и тебе нужно напрямую указывать классы в className
источник

P

Pcheni in React — русскоговорящее сообщество
eMpathy
Я вырезала лишнее, чтобы оно не мешалось в примере, суть в том, что у divа не появляется css класс
А не может быть проблема в том, что данный файл стилей как модуль подключается?
источник

НШ

Нуржан Шыныбаев... in React — русскоговорящее сообщество
Drunik
всем привет! может кто подсказать, как получить имена файлов в папке с фронтенда?
На бандл файле не будет твой файлы тебе для чего нужна имена файлов можно так сделать сохранить все классы на одном файле и импортировать там классы и потом по имени можешь получить определенный класс это и будет выбрать файл по имени
источник

PA

Pavlo Anichin in React — русскоговорящее сообщество
_Ryner' :: IO ❄️
Потому что предполагается что render это чистая функция
Спасибо!)
источник

IN

Igor N in React — русскоговорящее сообщество
Drunik
давай не ной только!
откуда вы такие умные берётесь
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Andrey
как это связано с реактом?

какие меры для решения проблемы были предприняты самостоятельно?
никаких))0)0
источник

k

kutepovfedor in React — русскоговорящее сообщество
Здравствуйте, коллеги.
По react-native тут вопросики задаём или есть отдельный канал?
источник

IN

Igor N in React — русскоговорящее сообщество
kutepovfedor
Здравствуйте, коллеги.
По react-native тут вопросики задаём или есть отдельный канал?
в описании чата)
источник

ф

фильтруй мысли... in React — русскоговорящее сообщество
eMpathy
Здравствуйте, подскажите, пожалуйста, в каком направлении двигаться,чтобы решить проблему. Не могу найти решение в сети.
Подключен react, страница на нем. Подключаю less через вебпак. Стили билдятся в папку dist. К странице стили подключаются, проблема в том, что они не применились.
https://github.com/zweitesherz/homework-xsolla/tree/5cbb3204b95db6ead6d3bf87e454148924d03f0d

import React from 'react';

import stLess from './style.less'

function App() {
   return <div className={stLess.message}>Hellol!</div>
}

export default App;


А на выходе получаю

<html lang="en"><head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles.css" rel="stylesheet"></head>
<body>
 <div id="root">Hello!</div>
<script src="main.js"></script>
</body></html>
если хочешь, чтобы заработало в том виде, который у тебя - CSS Modules - то добавь
modules: true в опции css-лодера
источник

AM

Aqua Min in React — русскоговорящее сообщество
kutepovfedor
Здравствуйте, коллеги.
По react-native тут вопросики задаём или есть отдельный канал?
источник

k

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

e

eMpathy in React — русскоговорящее сообщество
фильтруй мысли
если хочешь, чтобы заработало в том виде, который у тебя - CSS Modules - то добавь
modules: true в опции css-лодера
Спасибо, попробую!
источник

ES

Eugene Sternin in React — русскоговорящее сообщество
Как в реакте перезагрузить картинку по ивенту (клик например).
Кейс - тег img, загрузить не вышло, нужна кнопкп "спробуй ще", по которой оно перезагрузится.
источник

AM

Aqua Min in React — русскоговорящее сообщество
Eugene Sternin
Как в реакте перезагрузить картинку по ивенту (клик например).
Кейс - тег img, загрузить не вышло, нужна кнопкп "спробуй ще", по которой оно перезагрузится.
Ну можно к примеру отслеживать в трай кетче что тебе сервер выдает на запрос о картинке и основываясь на этом показывать попробовать ещё или картинку
источник

ei

export default - зло... in React — русскоговорящее сообщество
Eugene Sternin
Как в реакте перезагрузить картинку по ивенту (клик например).
Кейс - тег img, загрузить не вышло, нужна кнопкп "спробуй ще", по которой оно перезагрузится.
Обычный гет запрос
источник

ES

Eugene Sternin in React — русскоговорящее сообщество
Aqua Min
Ну можно к примеру отслеживать в трай кетче что тебе сервер выдает на запрос о картинке и основываясь на этом показывать попробовать ещё или картинку
Да отловить я могу
Как заставить перезагрузиться изображение
источник

ES

Eugene Sternin in React — русскоговорящее сообщество
export default - зло is the side effect
Обычный гет запрос
Спасибо кэп
Как это с тегом img связать
источник

AM

Aqua Min in React — русскоговорящее сообщество
Eugene Sternin
Спасибо кэп
Как это с тегом img связать
У тебя стейт изменится в случае ошибки или получения картинки и реакт сам зарендерит изменения, ничего и делать не нужно)
источник

e

eMpathy in React — русскоговорящее сообщество
фильтруй мысли
если хочешь, чтобы заработало в том виде, который у тебя - CSS Modules - то добавь
modules: true в опции css-лодера
Спасибо большое, все заработало
источник