АП
Size: a a a
2020 December 17
MU
а в каком компоненте находится сам роутер?
АП
И
Ребята, приветствую ) возникла одна проблема. не понимаю как ее решить. в проекте есть несколько связанных между собой страниц. есть страница поиска и при клике на иллюстранцию попадаем на страницу иллюстрации. используется react-router для роутинга и axios для отправки запросов. суть проблемы в том, что на внутренней страницы отправляются запросы, которые я сделал на странице поиска . т.е. почему запросы с одной странице вызываются и на другой странице . не могу этого понять. подскажите пожалуйста в каком направлении искать проблему ? на странице иллюстрации сейчас в принципе нет запросов , но они отправляются. заранее спасибо.
может при отображении страницы с 1 фоткой ты ререндеришь какой то компонент, который еще раз делает запрос ?
АП
короче вот в чем была проблема.
перенес часть кода в метод componentDidMount.
перенес часть кода в метод componentDidMount.
2020 December 18
2
Ребята простите за детский вопрос.
пытаюсь компоненту передать массив объектов
const data =[
{
"id":"test1",
"color": "red"
},
{
"id":"test2",
"color": "green"
}
];
return (
<Player card = {data}/>
);
как мне его потом правильно получить?
interface Card
{
id: string,
color: string,
}
interface CardsProps {
cads: Card[];
}
export const Player = (props: CardsProps) => {
const listItems = props.card.map((с) =>
<li key={c.id}>{с.color}</li>
);
return (
<div>
{props.card.color }
</div>
);
};
пытаюсь компоненту передать массив объектов
const data =[
{
"id":"test1",
"color": "red"
},
{
"id":"test2",
"color": "green"
}
];
return (
<Player card = {data}/>
);
как мне его потом правильно получить?
interface Card
{
id: string,
color: string,
}
interface CardsProps {
cads: Card[];
}
export const Player = (props: CardsProps) => {
const listItems = props.card.map((с) =>
<li key={c.id}>{с.color}</li>
);
return (
<div>
{props.card.color }
</div>
);
};
KD
<div>
{props.card.color }
</div> тут не правильно рендеришь
{props.card.color }
</div> тут не правильно рендеришь
KD
тебе нужно {listItems()}
2
мне кажется у меня другая беда
в описании компонента
тип пропса
в описании компонента
тип пропса
AB
По умолчанию props это объект, а названия полей компонента становятся полями объекта пропс
Твой интерфейс пропсов должен выглядеть как
Твой интерфейс пропсов должен выглядеть как
interface Props {
arr: iCard[];
}
…
export const Player = (props: Props) => {…И
оставь пропс и законсоль его. Все станет ясно
2
По умолчанию props это объект, а названия полей компонента становятся полями объекта пропс
Твой интерфейс пропсов должен выглядеть как
Твой интерфейс пропсов должен выглядеть как
interface Props {
arr: iCard[];
}
…
export const Player = (props: Props) => {…спасибо
ES
подскажите как решить проблему перезаписи ref в дочерних компонентах формы, чтобы проверка осуществлялась на всех компонентах, а не только на последнем?
https://codesandbox.io/s/forminput-validation-clmz0?file=/src/App.js
https://codesandbox.io/s/forminput-validation-clmz0?file=/src/App.js
ЮЧ
Надо два разных рефа сделать
R
всем привет , подскажите есть кроме this.props.history.push('/home'); переходить на марштрут из Хука какие нибудь другие способы?
Р
Надо два разных рефа сделать
А если их в родительский компонент обернуть и реф на него сделать, будет работать?
ЮЧ
А если их в родительский компонент обернуть и реф на него сделать, будет работать?
Скорее всего нет
ЮЧ
всем привет , подскажите есть кроме this.props.history.push('/home'); переходить на марштрут из Хука какие нибудь другие способы?
Есть компонент Redirect и можно через location перейти