Timur
и пойдём все по миру
Oleg
да, но задачи для ИИ будет ставить по прежнему человек
Artem
Кто подскажет как в функцию передать массив из параметров
Artem
например функция1({параметр1, параметр2 и тд}
Антон
можно передать просто массив
Artem
А можешь пример кода кинуть? так понятнее будет
Антон
const OrderedTicketPanel = ({expanded, handlePanelChange, tickets}) => {
let ticketElements = <p>Купленных билетов нет</p> ;
if (tickets) {
tickets.map(ticket, id => {
//TODO add custom key to array
return (<Ticket key={id}/>);
});
}
return (
<div className="panel">
<ExpansionPanel expanded={expanded === 'panelTickets'} onChange={handlePanelChange('panelTickets')}>
<ExpansionPanelSummary style={{color: '#001779'}}
expandIcon={<ExpandMoreIcon/>}
aria-controls="panel-ordered-tickets-content"
id="panel-ordered-tickets-header"
>
<Typography>Мои билеты</Typography>
</ExpansionPanelSummary>
<ExpansionPanelDetails style={{backgroundColor: '#eee', flexWrap: 'wrap'}}>
{ticketElements}
</ExpansionPanelDetails>
</ExpansionPanel>
</div>
)
};
Антон
то есть у меня в функцию приходит массив, из него я деструктуризацией беру булево expanded, функцию handlePanelChange и массив объектов tickets
Антон
чтобы сильно код не смущал, тебе нужна эта часть
Антон
const OrderedTicketPanel = ({expanded, handlePanelChange, tickets}) => {
let ticketElements = <p>Купленных билетов нет</p> ;
if (tickets) {
tickets.map(ticket, id => {
//TODO add custom key to array
return (<Ticket key={id}/>);
});
}
Artem
ооо, теперь понятнее, спасибо.
Petrov
А если потом будешь решать, что тебе нужно из массива, то
передаешь в пропсах весь объект и
const CollectionPage = ({ collection }) => {
const { title, items } = collection; достаешь то, что тебе надобно
Artem
👍
Владислав
Антон
согласен, к тому же если город небольшой, типа Тюмени, то php очень востребован, т.к. сайты в основном пилят на битриксах и т.д., собственные cms и бэки очень редко держат.
Oleg
небольшой город Тюмень)
Oleg
621 тыс человек)
Oleg
деревня прост
Anton K.
Oleg
дак по сравнениб с мск и питером любой город рф деревня)
Антон
НО даже тут есть работа на Реакт) главное быть готовым на интервью)
Oleg
☝️👍
акионка.
React.js это библиотека
React Hooks это функциональность внутри библиотеки
Владимир
Есть
Антон
небольшой город Тюмень)
тут скорее вопрос развитости it инфраструктуры. Крупных It Вузов по типу Новосиба нет. Максимум что делают - пилят сайты. Что-то серьезное применяется для обслуживания нефтянки (а их обслужживает чаще Москва), либо госзаказов и муниципальных заказов (там и работаю сейчас)
Антон
по факту тут населения почти под миллион) многие не регистрируются или нелегально..)
Oleg
это правда
Artem
Привет друзья
Artem
HELP ME😢
Oleg
😎
Artem
посмотрите на код, почему один кусок кода работает, а как только конект подключил и все в него перенес бьет ошибку
Artem
то скрин с рабочим кодом , а вот конект что бьет ошибку
Oleg
импорт реакта надо вернуть и скрин ошибки скинь
Artem
Oleg
ясно
Oleg
скинь скрин ошибки
Сергей
Так он и не используется...ты ничего не ртсуеш
Сергей
Рисуеш
Artem
Artem
глубоко показывает ошибку
Oleg
в самый низ промотай, заскринь
Антон
ты подключил стейт к постам, но посты их не видят, потому что ты присвоил их PostContainer
Антон
я думаю от этого
Антон
по хорошему в PostContainer прокинуть и отрисовать Posts
Artem
Сергей
Для начала рендери пост в контейнерной компоненте и передавай туда пропсы
Oleg
не то, найди на странице ошибок что бы в твоем файле подчеркнуло чо нить и заскринь
Oleg
хоть за чо то зацепица б
Антон
там зацепиться к конструкции. Для примера как правильно оформить:
Антон
const HeaderContainer = (props) => {
return(
<Header
user={props.user}
/>
)
};
const mapStateToProps = (state) => {
return {
user: state.user,
}
};
const mapDispatchToProps = (dispatch) => {
return {
userActions: bindActionCreators( userActions , dispatch)
}
};
export default connect(mapStateToProps, mapDispatchToProps)(HeaderContainer);
Антон
у тебя mapы будут другие, но конструкция примерно такая будет
Oleg
не, это не должно играть роли, дело в том что у него контейнерная компонента просто пустая и не нужна по сути
Oleg
попоробовать можно канеш, но это пальцем в небо
Антон
это то да, но он скорее всего где то в постах пытается прочитать стейт но его нет, потому что он в PostContainer
Антон
но при этом сами посты с пропсами не отрисовывает
Oleg
ну вот надо искать место ошибки , что бы точно)
Антон
а лучше ссылку на гит 👍
Oleg
да
Mars
Ребята, может кто-нибудь знает, я ибо ещё туп и глуп. Вместо регулярки хочу переписать, используя библиотеку decimal.js-light.Так вот, при вводе значения у меня не вводится 0 и.
Mars
И за фотографию тоже извинтилчйте
Artem
да
https://github.com/ArtemFedorchuk/R_E_A_C_T.git
Artem
запушил сейчас так как у меня один в один
Антон
ага, только собрался писать про пуш)
Artem
не хотел с ошибкой пушить
Artem
Oleg
ой там много ошибок
Oleg
во первых раскоментить функцию постконтейнер
Oleg
в коннект передать как параметр постконтейнер нужно
Oleg
export default connect(mapStateToProps, mapDispatchToProps)(PostsContainer)
Oleg
в файле Profile.jsx , нужно удалить пропсы стор стейт и диспатч
Oleg
при вызове постконтейнер
Oleg
и не факт что заработает
Oleg
дальше отлаживать
Антон
не тестил, но вот это будет ближе к истине, но да ошибок вагон)
Антон
import React from 'react';
import { addPostActionCreator, changeTextActionCreator } from '../../../Redux/State';
import Posts from './Posts';
import { connect } from 'react-redux';
const PostsContainer = (props) => {
return (<Posts addPost={props.addPost} updateNewPostText={props.updateNewPostText} posts={props.posts}
newPostText={props.newPostText}/>);
}
let mapStateToProps = (state) => {
return {
posts: state.profilePage.posts,
newPostText: state.profilePage.newPostText
}
}
let mapDispatchToProps = (dispatch) => {
return {
addPost: () => {
dispatch(addPostActionCreator())
},
updateNewPostText: (text) => {
dispatch(changeTextActionCreator(text))
}
}
}
export default connect(mapStateToProps, mapDispatchToProps)(PostsContainer);