🦜
сразу в рендер подставляй
Size: a a a
2018 July 24
C🐝
hi boyz, у меня один небольшой вопрос, возник косяк с высотой секции height: 100vh; в андроидах, подключил либу react-device-detect в компоненте componentWillMount подкидываю в стейт класс нейм нужный для андроида, далее в рендере подставляю стейт, НО имя класса не меняется но вывод переменной показывает правильное значение
cwm deprecated это раз, он вызывается на сервере это 2
z
как тогда с ssr это сделать ?
C🐝
Оно асинхронное?
z
не, одностраничник обычный
C🐝
Я про метод который детектит
z
import { isMobile, isAndroid } from 'react-device-detect’; из либы просто импортиться константа, в консоли в рендере всегда isAndorid = Truez
хм может на сервере престейт какой нибудь сделать ?
C🐝
Ну в рендере сразу делай
z
Ну в рендере сразу делай
<div className={ `test-class-name ${styles.section} ${styles.ptn} ${isAndroid ? styles.android : ''}` } id={SECTION_MAIN_TYPE}>
🦜
<div className={ `test-class-name ${styles.section} ${styles.ptn} ${isAndroid ? styles.android : ''}` } id={SECTION_MAIN_TYPE}>омг, запиши в переменную, а потом кидай в разметку
🦜
render() {
const classNames = твой код
return разметка
}
const classNames = твой код
return разметка
}
z
я кароче уже второй раз пытаюсь задачу сделать и не могу понять че за херня и не подставляется класс 😄
z
Warning: Prop `className` did not match. Server: "section___2f5wx ptn___1lHlA" Client: "section___2f5wx ptn___1lHlA android___2Xtd0”
z
может он мне сам обрезает этот класс ?
🦜
у тебя css модули?
z
next из коробки прямо
z
у тебя css модули?
module.exports = withSass({
cssModules: true,
cssLoaderOptions: {
importLoaders: 1,
localIdentName: '[local]___[hash:base64:5]',
},
});
cssModules: true,
cssLoaderOptions: {
importLoaders: 1,
localIdentName: '[local]___[hash:base64:5]',
},
});