JSFiddle - React, Tailwind, and code Playground

JavaScript

const application = {
  state: {
    outgoings: {
      credit: 0,
      food: 0
    }
  }
}

const mapper = {
  "AppCreditSpend": "outgoings.food",
  "AppFoodSpend": "outgoings.credit"
}

for (const field in mapper) {
	console.log(application.state[mapper[field]])
  // expected results should be credit 0 and food 0
}