Почему не работает z-index?

Вроде что-то похожее
Даже очень, но все равно не понимаю как применить
Попробовал уже всем opacity, и осмыслил контекст наложения, пока ничего не меняется

Не обновляется компонент после props, почему?

h88p, Ноуп, все по старому

Не обновляется компонент после props, почему?

hzzzzl, cart - объект, да

Не обновляется компонент после props, почему?

hzzzzl, Пробовал даже props.cart.length, не перерендеривается

Не обновляется компонент после props, почему?

Robur,
1. Изначальное состояние
2. Нажал на кнопку Добавить в корзину
3. Нажал на кнопку Убрать из корзины
Страница при это не перерендерилась

Не обновляется компонент после props, почему?

hzzzzl, Уже сделал)
Просто забыл перед постом исправить

Не обновляется компонент после props, почему?

Проверил, не срабатывает

Почему не обновляется компонент после принятия props из redux?

Помогло от части)
Дело в том, что дом просто не видел разницы между пришедшим пропсом и тем, что уже было
Осталось только прописать return {...state} в редьюсере

Как 'оптимизировать' работу fetch с redux?

const initialState = {
  isFetching: true,
  data: null
};

export default function weather(state = initialState, action){
  switch (action.type) {
    case "FETCH_WEATHER_DATA":
      state.data = action.data
      state.isFetching = action.isFetching
      return state;
      break;
    default:
      return state;
  }
}

Сделал так в редьюсере
Во первых ошибка с Redux не пропала, но я смирился и стал прописывать без доп ключей: 'weather: state.weather'
А во вторых, что более обидно, почему-то все еще имеется проблема с данными

В данном случае компонент просто не обновляется, и else не срабатывает:

const Weather = (props) =>{

  const [isFetching, setFetching] = useState(true);

  useEffect(()=>{
    let lat;
    let long;
    navigator.geolocation.getCurrentPosition(position =>{
      lat = position.coords.latitude+17;
      long = position.coords.longitude;
      props.onGetWeather(lat,long)
    });
    setFetching(props.weather.isFetching)
  },[])

  if(isFetching){
    return(
      <div id='loading'>
        <h1>Loading... {props.weather.error}</h1>
      </div>
    )
  }else{
      return(
        <React.Fragment>
            <React.Fragment>
              <h1>{props.weather.data.timezone}</h1>
              <div className='weatherWrap'>
              <h3>{props.weather.data.currently.temperature}</h3>
              <h5>{props.weather.data.currently.summary}</h5>
              </div>
            </React.Fragment>
        </React.Fragment>
      )
  }
}

А если сделать так, то почему-то isFetching получит свое false и пойдёт рендерить компонент, но потом props.weather.data все еще будет равняться null, как так происходит?

const Weather = (props) =>{

  useEffect(()=>{
    let lat;
    let long;
    navigator.geolocation.getCurrentPosition(position =>{
      lat = position.coords.latitude+17;
      long = position.coords.longitude;
      props.onGetWeather(lat,long)
    });
  },[])

  if(props.weather.isFetching){
    return(
      <div id='loading'>
        <h1>Loading... {props.weather.error}</h1>
      </div>
    )
  }else{
      return(
        <React.Fragment>
            <React.Fragment>
              <h1>{props.weather.data.timezone}</h1>
              <div className='weatherWrap'>
              <h3>{props.weather.data.currently.temperature}</h3>
              <h5>{props.weather.data.currently.summary}</h5>
              </div>
            </React.Fragment>
        </React.Fragment>
      )
  }
}

Грамотно ли так использовать styled components?

А насчет самой верстки
Нужно ли отдельно стилизовать input, например?

Как асинхронно получить данные из reudx?

Антон Спирин, да, точно, state.authoriZation.success сработало, спасибо

Как асинхронно получить данные из reudx?

Антон Спирин,
Вот редьюсер:

export default function authorisation(state = {key: false}, action){
  switch (action.type) {
    case 'LOGIN_USER_SUCCESS':
      return action.key
      break;
    default:
      return state;
  }
}

Вот так выглядит хранилище (много лишних данных, потому что в основном тестировал систему на заранее внесенных данных)

Как асинхронно получить данные из reudx?

Антон Спирин, Не знаю что именно прислать, я думал тут будет общий совет
Это моя попытка получить ключ (думал что при обновлении данных редакс, обновится и переменная success

export default connect(
  state =>({
    success: state.key
  }),

Это ответ, который передается после отправки логина с паролем на сервер, в данном случае такой пользователь существует

Не думаю, что это пригодится, но лучше скину лишнего, на всякий случай
Это экшен, который как раз и отправляет данные на сервер и ловит ответ

export function fetchSuccess(key){
  return {
    type: 'LOGIN_USER_SUCCESS',
    key
  }
}

export function authorisation(url, data){
  return (dispatch) => {
    return fetch(url, {
      method: 'POST',
      body: JSON.stringify(data),
      headers: new Headers({
        'Content-Type': 'application/json'
      }),
    })
    .then(response =>{
      if(!response.ok){
        throw new Error(response.statusText)
      }
      return response;
    })
    .then(response => response.json())
    .then(data => dispatch(fetchSuccess(data)))
  }
}

Почему выдаёт 404 ошибку при запросе данных?

pcdesign, Спасибо за помощь, после того как включил компьютер утром - все заработало, магия

Почему выдаёт 404 ошибку при запросе данных?

pcdesign,

Почему выдаёт 404 ошибку при запросе данных?

Да, сразу после публикации увидел эту ошибку в коде, исправил, все та же 404

Как reactjs подключается к html файлу?

В том то и дело, что скрипта на подключения нет, только одинокий div с айдишником root на весь index.html
Я так понимаю дело в нпм модулях

Flask не видит css файл подключенные к html шаблону, что делать?

В том то и дело, что это не работает

Как изменить текст в html при помощи react?

Да, так и есть, оно ужасное
Просто я не достаточно описал вопрос, дело в том что этот ul список, находится вне реакт приложения
Что делать в этой ситуации?

Напомните HTML тэг, отвечающий за перенос строки "?

Да, спасибо