Как с помощью js скрыть id для определенной страны?

Используйте вместо карт Яндекса, карты Гугла тогда...
Или: https://developer.mozilla.org/en-US/docs/Web/API/G... (если хотите без карт)

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, проверьте это:

import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux';
import { personsFetchData } from '../Actions/persons';
// import { User, Headline, Paragraph, UserImage } from '../Website/Users/UsersStyles';

class PersonsData extends Component {
  componentDidMount() {
    this.props.fetchData('https://frontend-test-assignment-api.abz.agency/api/v1/users');
  }
  render() {
    const { users } = this.props.persons;
    return(
      <Fragment>
        { users ? users.map(user => <div>{ user.name }</div>) : null }
      </Fragment>
    );
  }
}

const mapStateToProps = state => ({
  persons: state.persons.payload,
});

const mapDispatchToProps = dispatch => ({
  fetchData: url => dispatch(personsFetchData(url)),
});

export default connect(mapStateToProps, mapDispatchToProps)(PersonsData);

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, да, если вы выложите код на GitHub станет намного проще.

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, оу, прошу прощения, я допустил ошибку. Попробуйте так:

import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux';
import { personsFetchData } from '../Actions/persons';
// import { User, Headline, Paragraph, UserImage } from '../Website/Users/UsersStyles';

class PersonsData extends Component {
  componentDidMount() {
    this.props.fetchData('https://frontend-test-assignment-api.abz.agency/api/v1/users');
  }
  render() {
    const { users } = this.props.persons;
    return(
      <Fragment>
        { users.map(user => <div>{ user.name }</div>) ?? null }
      </Fragment>
    );
  }
}

const mapStateToProps = state => ({
  persons: state.persons.payload,
});

const mapDispatchToProps = dispatch => ({
  fetchData: url => dispatch(personsFetchData(url)),
});

export default connect(mapStateToProps, mapDispatchToProps)(PersonsData);

Я немного сонный, поэтому еще раз проверьте.

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, измените в componentDidMount()
const { persons } = this.props.persons.users; на

const { persons } = this.props.persons;
console.log(persons);

и отправьте что выведет консоль.

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, да, так и есть. componentDidMount вызывается после render. И я допустил ошибку в своем коде, финальный вариант должен выглядеть вот так:

import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux';
import { personsFetchData } from '../Actions/persons';
// import { User, Headline, Paragraph, UserImage } from '../Website/Users/UsersStyles';

class PersonsData extends Component {
  componentDidMount() {
    this.props.fetchData('https://frontend-test-assignment-api.abz.agency/api/v1/users');
  }
  render() {
    const { persons } = this.props.persons.users;
    return(
      <Fragment>
        { persons.map(person => <div>{ person.name }</div>) ?? null }
      </Fragment>
    );
  }
}

const mapStateToProps = state => ({
  persons: state.persons.payload,
});

const mapDispatchToProps = dispatch => ({
  fetchData: url => dispatch(personsFetchData(url)),
});

export default connect(mapStateToProps, mapDispatchToProps)(PersonsData);

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, попробуйте этот вариант.

import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux';
import { personsFetchData } from '../Actions/persons';
// import { User, Headline, Paragraph, UserImage } from '../Website/Users/UsersStyles';

class PersonsData extends Component {
  componentDidMount() {
    this.props.fetchData('https://frontend-test-assignment-api.abz.agency/api/v1/users');
  }
  render() {
    const { persons } = this.props.persons.users;
    return(
      <Fragment>
        { persons.map(person => <div>{ person.name }</div>) }
      </Fragment>
    );
  }
}

const mapStateToProps = state => ({
  persons: state.persons.payload,
});

const mapDispatchToProps = dispatch => ({
  fetchData: url => dispatch(personsFetchData(url)),
});

export default connect(mapStateToProps, mapDispatchToProps)(PersonsData);

Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

chulacyber, ваши данные в state redux обновляются? И можете еще код компонента оставить, ибо не очень понятно как вы все это дело вызываете.

Как сложить значение всех input type=time?

Monachdg, повесь слушателя "change" на свои инпуты и при его срабатывании вызывай функцию в которой пропишешь логику. Значения полей можешь получить так: <твой input>.value.

Отправка файлов AJAX + Django?

Мне помог такой код:

$('.action__button.primary').on('click', function() {
    var fd = new FormData;
    var avatar = $('input[name=avatar]');
    fd.append('avatar', avatar.prop('files')[0]);
    fd.append('csrfmiddlewaretoken', '{{ csrf_token }}');
    $.ajax({
        type: 'POST',
        url: '{% url "Home:Edit" %}',
        data: fd,
        processData: false,
        contentType: false,
        success: function() {
            window.location.href = '{% url "Profile:Profile" username=user.username %}'
        }
    })
})