Функциональная реакция: как обрабатывать setState с вводом из функции карты?

Вам нужен функция, а не вызов функции в качестве значения реквизитов функции. Например.

onClick = {() => handleAa(i)}

а также

onClick = {() => handleChangeEvent(i)}

Если вы передаете вызов функции, как у вас есть, то он вызывается один раз, сразу же при рендеринге, а не при нажатии.

{
  layerList.map(i => {
        return (
          <Button
            className = "button-layer"
            type = "primary"
            onClick = {() => handleAa(i)}
          > {aa}
          </Button> 
          <Button
             className = "button-layer"  
             type = "primary"
             key = {some_values}
             onClick = { () => handleChangeEvent(i) }
           >
             {i}
          </Button>
        )}
    )
}

вам также может понадобиться определить функции

function handleAa(i){}
function handleChangeEvent(i){}