/Javascript/React/React looping hooks to display in other hook

React looping hooks to display in other hook

import React, { useState } from "react";

function App() {

  const [list, setList] = useState(" ");

  const [items, updateOnClick] = useState([ ]);

  function updateList(event) {
    const valueEntered = event.target.value;
    setList(valueEntered);
  }

  function updateClick(){
     updateOnClick(list);
     }
 return (
           <input onChange={updateList} type="text" value={list} />
            <button onClick={updateClick}>
              <span>Add</span>
            </button>
            <div>
              <ul>
                {items.map(item => <li>{item}</li>) }
              </ul>
            </div>);}
export default App;

Source: stackoverflow.com

Similar codes

2 votes218 views1 answer
React check if focused
Javascript React
3 votes211 views1 answer
React is front end or backend
Javascript React
118 votes320 views6 answers
Instalar bootstrap en react
Javascript React
21 votes199 views4 answers
React font awesome npm
Javascript React
0 vote207 views1 answer
React native pure component vs component
Javascript React
1 vote281 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote237 views1 answer
How to console log in react native
Javascript React
29 votes186 views6 answers
React background image
Javascript React
0 vote213 views1 answer
Url in listitem react
Javascript React
0 vote198 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React