rsoinvi

Мне не нравится два определения data (объект и метод). Опишите так

export default {
        name: "profile-account",
       
        props: [
            'url',
            'amount'

        ],
        mounted() {

        },
        data() {
            return {
                balance: this.amount,
                isOpen: false
            }
        },
        methods: {
          showAddfunds: function(){
            this.isOpen = !this.isOpen
            console.log(this.isOpen)
          }
        }
    }

В чем может быть причина?

Видимо, в плохом знании JavaScript и невнимательности.

const mapStateToProps = state => {  // принимаем аргумент
  return {
    name: state && state.name,  // используем аргумент
  };
};

Короткий вариант записи:

const mapStateToProps = state => ({
  name: state && state.name,
});

Вот контекст стрелочной функции, объявленной в глобальном скоупе.
Вот к чему обращались вы, вместо аргумента state.

Серверные запросы делают в componentDidMount и componentDidUpdate. Почитать на эту тему.

Object.keys(myObj).map(key => <div key={key}>{myObj[key]}</div>)

myFynction.call(context, params)

myFynction.apply(context, [params])

method(args, function(params) {
// ... 
}.bind(context))

Реализация зависит от того, какие инструменты для работы со стилями используете. Сам принцип будет один и тот же:

const getColor = value => {
  switch(value) {
    case 20:
      return 'orange';
    case 50:
      return 'blue';
  }
}

render() {
  const { value } = this.props;
  return <ExampleComponent style={{ color: getColor(value) }} />;
}

Ваш пример написан некорректно. Исправленный вариант:

const funcName  = () = > dispatch => {
  return dispatch({
    type: NAME_TYPE,
    payload: lol
  });
}

Что значить dispatch в данном коде?

Это первый аргумент который использует функция, возвращаемая вашим AC:

dispatch => {
  return dispatch({
    type: NAME_TYPE,
    payload: lol
  });
}

Если подключен redux-thunk он перехватывает все функции возвращаемые AC и выполняет их, передавая первым аргументом store.dispatch.

Почему мы его не передаем как аргумент в скобках?

Если правильно вас понял, то при передаче одного аргумента парсер одинаково обрабатывает оба варианта записи:
const foo = (bar) => bar;
и
const foo = bar => bar;

Еще, в данном примере нет никакого смысла возвращать функцию, так как выполняются бессмысленные операции(перехват промежуточным ПО и новый диспатч), ваш AC можно сократить до:

const funcName  = () = > ({
  type: NAME_TYPE,
  payload: lol,
});

export const endWorkingDay = () => (dispatch, getState) => {
			return axios.post(`${API_ROOT}/api/Account/EndWork?date=${endDate}&tradePointId=${id}&lat=${currentLat}&long=${currentLong}`,
					null,
					{
						headers: {
							Authorization: `Bearer ${token}`,
							"Content-Type": "application/json;charset=UTF-8",
						},
					}
				)
				.then(
response => {
					
					if (response.status === 200) {
						dispatch({
							type: SET_END_WORK_DATA,
							payload: {
								endWorkData: {
									tradePointId: id,
									lat: currentLat,
									long: currentLong,
									date: dateformat(new Date(), "yyyy-mm-dd"),
									synced: true,
								},
							},
						})

Делаем запрос а затем используем диспатч для передачи данных в стор.

Библиотека позволяющая использовать маршрутизацию на стороне клиента. Если в вашем приложении подразумевается переход по страницам приложения с подменой url в браузере и без перезагрузки страницы(SPA), то да, клиентский роутинг вам необходим. Можете использовать react-router-dom, а можете и свой роутер написать. Первый вариант сэкономит вам кучу времени, удобен в использовании и вы всегда сможете найти в интернете типовые решения большинства задач. Второй вариант годится разве для саморазвития.

Google - два парня Сергей Брин и Ларри Пейдж
Facebook - начал Марк Цукерберг
Instagram - два парня, один делал приложение для iPhone, другой делал сайт, потом заработали расширились
MsDOS - первую версию сделал один человек, потом Баллмер у него купил за 50 000 $ и права перешли Microsoft
Nginx - начал Игорь Сысоев
Компьютер Apple I - дело рук Стива Возняка
Linux - начал Линус Торвальдс
Git - начал Линус торвальдс
Redis - Salvatore Sanfilippo ( antirez )
Minecraft - начал Маркус Перссон ( также известный как notch )
Dropbox - начал Дрю Хьюстон
Shadertoy - создан Iñigo Quilez ( также известен как iq )
C++ - начал Бьёрн Страуструп
Python - Гвидо ван Россум
PHP - Расмус Лердорф

SimplaCMS - начал один человек
DLE CMS - начал один человек
TYPO3 CMS - начал один человек

P.S. ответ редактировался и дополнялся

https://jsfiddle.net/soledar10/5xt2pLfd/
https://jsfiddle.net/soledar10/64Lvvn7m/