Size: a a a

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

2020 December 22

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Ренат Форте
Вдруг где на легасях встретится)) чем щас пользуются, про что почитать?
Это же просто подход, даже если легаси то всегда можно перестать ему следовать
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Это же просто подход, даже если легаси то всегда можно перестать ему следовать
Особенно забавно видеть, как в контейнере только Коннект, и ещё один Коннект есть в самом компоненте в этом контейнере.
источник

t

trane254 in React — русскоговорящее сообщество
Dmitriy Shuleshov
Воспроизводите демку в песочнице и возможно вам помогут в чате
Может ли быть проблема в том, что у меня вызов нужной мне  функции находится в componentDidMount? мне необходимо, чтобы div обязательно отрисовался, иначе возможно чуда не произойдет
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
trane254
Может ли быть проблема в том, что у меня вызов нужной мне  функции находится в componentDidMount? мне необходимо, чтобы div обязательно отрисовался, иначе возможно чуда не произойдет
Без кода практически нереально дать хоть сколько бы то ни было точный ответ
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Без кода практически нереально дать хоть сколько бы то ни было точный ответ
"может быть. А может и нет. А может пошёл ты"
источник

t

trane254 in React — русскоговорящее сообщество
Dmitriy Shuleshov
Без кода практически нереально дать хоть сколько бы то ни было точный ответ
так и было, из за componentDidMount не перерисовывалось, спасибо за подбивание думать головой
источник

ES

Egor Simonov in React — русскоговорящее сообщество
Igor Kim
Вот так?
let mapStateToProps = (state) => {
   return{
       sidebar: state.sidebar.friends
   }
}

const NavbarContainer = connect(mapStateToProps, null)(Navbar)
export default NavbarContainer

let fr = (props) => {
 props.mapStateToProps.map( f => <Friends name={f.name} img={f.img}/>)
}

<NavbarContainer friendsNav = {fr}/>
это пипец...
источник

ES

Egor Simonov in React — русскоговорящее сообщество
Igor Kim
Вот так?
let mapStateToProps = (state) => {
   return{
       sidebar: state.sidebar.friends
   }
}

const NavbarContainer = connect(mapStateToProps, null)(Navbar)
export default NavbarContainer

let fr = (props) => {
 props.mapStateToProps.map( f => <Friends name={f.name} img={f.img}/>)
}

<NavbarContainer friendsNav = {fr}/>
ты замапил friends в sidebar - у тебя sidebar Попадет в пропсы компонента....
источник

ES

Egor Simonov in React — русскоговорящее сообщество
Igor Kim
Вот так?
let mapStateToProps = (state) => {
   return{
       sidebar: state.sidebar.friends
   }
}

const NavbarContainer = connect(mapStateToProps, null)(Navbar)
export default NavbarContainer

let fr = (props) => {
 props.mapStateToProps.map( f => <Friends name={f.name} img={f.img}/>)
}

<NavbarContainer friendsNav = {fr}/>
переименуй sidebar в friends и в компоненте у тебя в пропсах будут friends . props.firends.map
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
вопрос, можно ли как то в реакте сделать что то подобное без боли?

const someFn = async () => {
 // открываем модалку, где есть форма на реакте.
 const result = await showReactModalWithForm()
 // Пользователь заполнил и кликнул сохранить
 if(result.success){
   // что то делаю с данными из формы
 }
}

в чем боль, в том что постоянно нужно сделать стейт модалки, где то держать модалку в коде и все такое.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Dmitry Plyaskin
вопрос, можно ли как то в реакте сделать что то подобное без боли?

const someFn = async () => {
 // открываем модалку, где есть форма на реакте.
 const result = await showReactModalWithForm()
 // Пользователь заполнил и кликнул сохранить
 if(result.success){
   // что то делаю с данными из формы
 }
}

в чем боль, в том что постоянно нужно сделать стейт модалки, где то держать модалку в коде и все такое.
Сомневаюсь что так вообще можно где то сделать
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmitry Plyaskin
вопрос, можно ли как то в реакте сделать что то подобное без боли?

const someFn = async () => {
 // открываем модалку, где есть форма на реакте.
 const result = await showReactModalWithForm()
 // Пользователь заполнил и кликнул сохранить
 if(result.success){
   // что то делаю с данными из формы
 }
}

в чем боль, в том что постоянно нужно сделать стейт модалки, где то держать модалку в коде и все такое.
you’re swimming against the tide!
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Тимофей 🛴
Сомневаюсь что так вообще можно где то сделать
есть sweetalert, где так можно модалки вызывать
источник

G

Georgy in React — русскоговорящее сообщество
добрый день. Пытаюсь понять как работает Switch Router Route.. И вот какой вопрос: куда должен отрисоваться компонент из Route (component={MyPage}) ?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmitry Plyaskin
есть sweetalert, где так можно модалки вызывать
почему тогда и не взять эту либу либо глянуть под капот?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Dmitry Plyaskin
есть sweetalert, где так можно модалки вызывать
Ну это не то что ты описал. «Не хранить модалку в коде и ее состояние»
источник

S

Siavva in React — русскоговорящее сообщество
Тимофей 🛴
Ну это не то что ты описал. «Не хранить модалку в коде и ее состояние»
https://github.com/sweetalert2/sweetalert2-react-content ну или дочитать документацию )
источник

G

Georgy in React — русскоговорящее сообщество
в App ?
источник

S

Siavva in React — русскоговорящее сообщество
Тимофей 🛴
Сомневаюсь что так вообще можно где то сделать
можно поизвращаться что то подобное написать ) не понятно зачем но можно попробовать )
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Siavva
можно поизвращаться что то подобное написать ) не понятно зачем но можно попробовать )
Просто заюзай эту либу да и все

На Toastify чем то похожа
источник