Size: a a a

JavaScript.Ninja

2020 March 27

Б

Боря in JavaScript.Ninja
И разделяю по табам

<Tabs defaultActiveKey="1">
               {Object.keys(weat).map(day => (
                       <TabPane tab="Tab">
                           {weat[day].map(card => (
                                   <div>
                                       <Title level={3}>{card.name}</Title>
                                       <Card title={card} bordered style={{ width: 300 }}>
                                           <p>Now temperature is {(card.main.temp - 273).toFixed(1)} C</p>
                                           <p>It feels like {(card.main.feels_like - 273).toFixed(1)} C</p>
                                       </Card>
                                   </div>
                               )
                           )}
                       </TabPane>
                   )
               )}
           </Tabs>

Но получаю ошибку Error: Objects are not valid as a React child (found: object with keys {dt, main, weather, clouds, wind, rain, sys, dt_txt}). If you meant to render a collection of children, use an array instead.
источник

СК

Семён Ким in JavaScript.Ninja
Тебе нужно их поскейлить? Или просто координаты поменять?
источник

V

Vlad in JavaScript.Ninja
Мне нужно что бы они были плотнее друг к другу
Что бы интервал в столбце между каждым из них был меньше в половину
источник

СК

Семён Ким in JavaScript.Ninja
Скейл текстуры
symbol.width = 235;
symbol.height = 155;
источник

K

Keker in JavaScript.Ninja
Боря
И разделяю по табам

<Tabs defaultActiveKey="1">
               {Object.keys(weat).map(day => (
                       <TabPane tab="Tab">
                           {weat[day].map(card => (
                                   <div>
                                       <Title level={3}>{card.name}</Title>
                                       <Card title={card} bordered style={{ width: 300 }}>
                                           <p>Now temperature is {(card.main.temp - 273).toFixed(1)} C</p>
                                           <p>It feels like {(card.main.feels_like - 273).toFixed(1)} C</p>
                                       </Card>
                                   </div>
                               )
                           )}
                       </TabPane>
                   )
               )}
           </Tabs>

Но получаю ошибку Error: Objects are not valid as a React child (found: object with keys {dt, main, weather, clouds, wind, rain, sys, dt_txt}). If you meant to render a collection of children, use an array instead.
попробуй к <div> задать аттрибут key={} и в него поместить индекс интерируемого обьекта (card, index) => ...
источник

СК

Семён Ким in JavaScript.Ninja
symbol.y = (j * World.Slot.Height  / 2);
источник

СК

Семён Ким in JavaScript.Ninja
Vlad
Мне нужно что бы они были плотнее друг к другу
Что бы интервал в столбце между каждым из них был меньше в половину
Ты каждый раз сдвигаешь в цикле координату Y на высоту, сдвигай на пол высоты
источник

Б

Боря in JavaScript.Ninja
Keker
попробуй к <div> задать аттрибут key={} и в него поместить индекс интерируемого обьекта (card, index) => ...
Не помогает
источник

Б

Боря in JavaScript.Ninja
там не  в том проблема
источник

Б

Боря in JavaScript.Ninja
выходить что там мап в мапе
источник

ВН

Владислав Никитин in JavaScript.Ninja
Боря
И разделяю по табам

<Tabs defaultActiveKey="1">
               {Object.keys(weat).map(day => (
                       <TabPane tab="Tab">
                           {weat[day].map(card => (
                                   <div>
                                       <Title level={3}>{card.name}</Title>
                                       <Card title={card} bordered style={{ width: 300 }}>
                                           <p>Now temperature is {(card.main.temp - 273).toFixed(1)} C</p>
                                           <p>It feels like {(card.main.feels_like - 273).toFixed(1)} C</p>
                                       </Card>
                                   </div>
                               )
                           )}
                       </TabPane>
                   )
               )}
           </Tabs>

Но получаю ошибку Error: Objects are not valid as a React child (found: object with keys {dt, main, weather, clouds, wind, rain, sys, dt_txt}). If you meant to render a collection of children, use an array instead.
У <Card> в проп title пробрасывается объект, попробуй убрать его
источник

Ο

ΟΛΞΓ in JavaScript.Ninja
Illya Klymov
Собственно благодаря Вадиму и Андрею основные железки и подобраны у меня :)
👍
источник

Б

Боря in JavaScript.Ninja
Владислав Никитин
У <Card> в проп title пробрасывается объект, попробуй убрать его
Спасибо большое
источник

V

Vlad in JavaScript.Ninja
Семён Ким
Ты каждый раз сдвигаешь в цикле координату Y на высоту, сдвигай на пол высоты
в том то и проблема что при изимении  symbol.y = (j * 30);  вообще никак не меняется интервал
Даже если я туда 0 присвою
По логике оно хоть как то должно было поменять позицию по оси у
А оно не меняет
источник

СК

Семён Ким in JavaScript.Ninja
Если при этом координаты ни на что не влияют, значит их повторно кто-то меняет, либо ты меняешь координаты других объектов, которые не видны на сцене
источник

V

Vlad in JavaScript.Ninja
а как можно продебажить это все добро?
источник

СК

Семён Ким in JavaScript.Ninja
Лэйаутов, которые бы автоматичски выравнивали объекты внутри контейнера в пикси нет
источник

СК

Семён Ким in JavaScript.Ninja
дебагер в хроме
источник

СК

Семён Ким in JavaScript.Ninja
Попробуй убрать цикл вообще, картинки исчезнут?
источник

V

Vlad in JavaScript.Ninja
убрал из цикла
Нарисовало одну строку из 3 спрайтов
Вот они как раз уже реагируют на изменение х и у координаты
буду сейчас с этим играться
источник