Mirrrta

Можно так:

const PageLayout = ({ children }) => (
  <React.Fragment>
    <header>Header</header>
    {children}
    <footer>Footer</footer>
  </React.Fragment>
);

const Page = () => (
  <PageLayout>
    <Switch>
      <Route path='/my' component={My} />
      <Route path='/payments' component={Payments} />
    </Switch>
  </PageLayout>
);

Если Вы получаете данные из объекта FormData(), то можно создать таким образом:

// formData это ваш объект для получения данных
const names = formData.getAll('name')
const ages = formData.getAll('age')
let result = []
for (let count = 0; count < names.length; count++) {
    let user = {
        name: names[count],
        age: ages[count]
    }
    result.push(user)
}
return result //это и будет выходной массив

если сайт одноязычный то можно и :after использовать и в content: "обновить"
если мультиязычный то можно этот стиль перенести в хтмл и вставлять переменную перевода. но лучше отдельным дивом)

https://codepen.io/topicstarter/pen/BaomeLx - вот так можно

Можно лодашем воспользоваться _.groupBy(array, 'type')

Или

const groupedByType = array.reduce((acc, item) => {
  const arr = acc[item.type] || []
  arr.push(item)
  acc[item.type] = arr
  return acc
}, {})

Да, можно так. Вообще работа с датами и временем в js — это всегда боль, поэтому лучше сразу взять библиотеку вроде date-fns.

var arr = [
  {date:"2020-04-28"},
  {date:"2020-04-29"},
  {date:"2020-04-30"},
  {date:"2020-05-01"},
  {date:"2020-05-02"},
  {date:"2020-05-03"}
];
var find = Math.floor(+new Date()/86400000);
var finded = arr.find(e=>Math.floor(+new Date(e.date)/86400000) == find);//{date:"2020-05-01"}, если сегодня это число

P.S. Если объектов с этой датой несколько и нужно достать все то можно вместо find, filter. Если объект не найден то в finded будет undefined

Лучше всего делать, конечно через стили. Подробнее тут.