palin.js

// create array
const array = []
// get the user word
const word = 'lol'
array.push(word)
// check if it's palindrom
function isPal(word) {
  return word.split('').reverse().join('') === word;
}
// instead of consolo.log store the result and the word
if (isPal(word)) {
  console.log('is pal');
  array.push({word, result: 'is pal'})
} else {
  array.push({word, result: 'is not pal'})
}

React.jsx

const App = () => {
  const [word, setWord] = React.useState('');
  const [array, setArray] = React.useState([]);

  function isPal(word) {
    return word.split('').reverse().join('') === word;
  }
  function setValue (evnt) {
    setWord(evnt.target.value)
  }
  const btnClick = () => {
    setArray([...array, word]);
    setArray((arr) => [...arr, word]);
  }
  return <> { array.map(w => <div>{w}</div>)}
}