типо сначало рендерится родитель а потом потомок и так он берет размеры родителя думаю не правильно

Видел варианты, когда создавали img и ему присваивали src.

Я сначала получаю данные с апи, в данных массив с ссылками на картинки. Мне надо подгрузить эти картинки и после рендерить компонент

всем привет, кто знает в чем тут проблема, ругается на tihs:

ну берешь свои ссылки и вставляешь
<img src={linkToFile}/>

class Users extends React.Component {
constructor(props){
 super(props)
 axios.get("https://social-network.samuraijs.com/api/1.0/users")
               .then(response => {
                   this.props.setUsers(response.data.items);
               });
}

   render() {
 return {
   this.props.users.map(u => {return (<div key={u.id}>
     <span>
      <div>
       <img src={u.photos.small != null ? u.photos.small : userPhoto} className={styles.userPhoto}/>
      </div>
      <div>
       {u.followed
        ? <button onClick={() => {
         this.props.unfollow(u.id)
        }}>Unfollow</button>
        : <button onClick={() => {
         this.props.follow(u.id)
        }}>Follow</button>}

      </div>
     </span>
     <span>
      <span>
       <div>{u.name}</div>
       <div>{u.status}</div>
      </span>
      <span>
       <div>{u.location.country}</div>
       <div>{u.location.city}</div>
      </span>
     </span>
    </div>)})
 }
 }
}

в методе render

используй ``` при вставке кода

Это я понял.
А после удаляю из dom?
А как мне отследить что они ВСЕ подгрузились?
У меня слайдер выводит под одной картинке.

зачем удалять? что ты хочешь сделать?

Мне надо картинки закэшить. В примере я показал как их использую. Слайдер у меня выводит по одной картинки и мне надо чтоб картинки были подгружены чтоб избежать мигания(подгрузки) картинки.

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

Начни юзать стейт менеджеры (Redux, Effector, MobX)

Хочу повторить работу слайдера как на этом сайте https://www.180kingsday.com. Сначала сделал так же, под прелоадером отрендерил слайдер со всеми слайдами(ul > li > img), но после решил переделать на вариант с 1 слайдом как в примере выше. Ну вот обделался с подгрузкой, что закономерно привело к миганиям.

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

Вот вот, думал в эту тему в промисами)

        const { storeId, featuresFlags: { isOrderThrottlingEnabled } } = this.props.store.data

как мне перестраховаться можно, что бы не попадались в storeId undefined ? Пока data  нет

Это ведь костыль?

define "костыль"

имхо - нет