Heavy
Ну а дальше думай как эту переменную сменить на true. При этом делаешь эту компоненту что-то типа position: absolute; width:100%;height:100%;top:0;left:0. И еще можешь z-index:666 какой-нибудь задать. Для надежности.
Егор
просто смотри, чистый проект react-а со старта не рендерит в ie ничего
Heavy
Соответственно,как только у тебя isVisible===true, меняешь display:none на какой-нибудь block
Heavy
Ааа.. Вопрос совместимости реакта и ие
Heavy
Блин
Heavy
Я вот хз
Егор
гуглил и там про polyfill все пишут
Егор
все копирую как у там, результата 0
Егор
Егор
Если перезагрузить страницу в ie, от него приветы
Heavy
Егор
это тоже делал, хотя может и не правильно
"browserslist": [
"last 20 version",
"> 1%",
"IE >= 10"
]
Егор
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
Heavy
Егор
первое указано в .json, а второе указано в index.js
Heavy
Завтра изучу вопрос
Егор
если что нароешь, отпиши пожалуйста, а то пока я этого не сделаю, дальше не сдвинусь (
Heavy
Окей
Heavy
Тебе просто заглушку сделать надо?
Heavy
Типа если версия такая-то,то идинафиг чувак потому что потому что
Егор
типа если вообще ie, извини парень это тормознутый браузер
Heavy
Хах. Это прям какой-то шовенизм
Егор
Я где то читал, что сам микрософт больше ie не занимается, у них сейчас браузер будет на хроме
Егор
следовательно если майкрософт не париться, я то тем более не буду
Егор
Я нашел решение с заглушкой для ie
Егор
https://github.com/garevna/garevna.github.io/blob/2cbc9c3f60c0783c1f8c5dd4a5044ec19aee1bcd/js/browser_detect.js
Егор
Но мне кажется, есть решение куда лучше
Alexander
Подскажите как PrivateRoute передать props?
Alexander
такая конструкция не работает
render={() => <Content stage={""}/>
Alexander
Heavy
Я нашел решение с заглушкой для ie
и смотри еще в чем прикол. В том, что ты нашел может быть такое, что regexp не поддерживается браузером. https://caniuse.com/#feat=input-pattern
Heavy
тогда... хз чего получится
Alexander
я всяко пробовал
Alexander
<PrivateRoute path='/' render={() => <Content/>}/>
Тоже не работает
Alexander
вот так работает <PrivateRoute path='/' component={Content}/>
Temych
а зачем переопределять метод render()?
Alexander
нужно туда данные перекинуть
Alexander
После изменения отрендарить
Temych
ghbdtlb ,jkmit rjlf
Temych
приведи больше кода
Alexander
class Content extends Component {
render() {
return (
<div className='content_wrapper'>
<div className={mc.content}>
<Route path='/service/statistics' component={Statistics}/>
<Route path='/service/settings' render={() => <Settings/>}/>
</div>
</div>
)
;
}
};
Примерно так
Alexander
export const PrivateRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => (
localStorage.getItem('user')
? <Component {...props} />
: <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
)} />
);
Alexander
может тут что не так
Alexander
может конструктор нужен?
Alexander
есть какие нибудь идеи?
Temych
запутано как-то у тебя все)
Alexander
по твоим курсам вроде как делал)
Alexander
если конечно я с автором разговариваю
Temych
Alexander
бывает)
Alexander
Поможет кто? есть спецы?
Alexander
Подскажите как PrivateRoute передать props?
Alexander
такая конструкция не работает
render={() => <Content stage={""}/>
Alexander
Alexander
я всяко пробовал
Alexander
<PrivateRoute path='/' render={() => <Content/>}/>
Тоже не работает
Alexander
class Content extends Component {
render() {
return (
<div className='content_wrapper'>
<div className={mc.content}>
<Route path='/service/statistics' component={Statistics}/>
<Route path='/service/settings' render={() => <Settings/>}/>
</div>
</div>
)
;
}
};
Примерно так
Alexander
export const PrivateRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => (
localStorage.getItem('user')
? <Component {...props} />
: <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
)} />
);
Alexander
может тут что не так
Alexander
может конструктор нужен?
Alexander
вот так работает <PrivateRoute path='/' component={Content}/>
Alexander
есть какие нибудь идеи?
Alexander
через стрелочную функцию оно не работает ?
Alexander
let name = 'Test for props';
return
<BrowserRouter>
<Route path="/test" render={() => <Test name={name}/>}/>
</BrowserRouter>
Alexander
если краткий пример
Alexander
@alexander_00 получилось ?
Alexander
Попробую
Heavy
Егор
если честно то и мне не нравиться такое решение, но пока что лучше не нашел, пусть будет, потом если что-то появится, то исправлю
Егор
а теперь у меня появился вопрос на счет redux
Егор
я не могу понять, в flux есть место для api, а где это место в redux ?
Егор
в redux-е оно в container-ной компоненте ?
Rishan
Всем привет, никто не знает - как добавить псевдо-класс через js/jquery?
Heavy
Rishan
Просто я думал что тут гуру по js) Ведь группа для реакта)
Eugene
Всем привет.
До крайнего видео еще не дошёл, поэтому спрошу.
Димыч уже показывал как рендерить изображения?
Пробовал из стейта через пропсы прокинуть пути... Не завелось.
Eugene
Думаю, там нужен bind?!