React hook example

// Hooks let you build stateful and dynamic components

import React, { useState } from 'react';
function Example() {
  // Declare a new state variable, which we'll call "count"  const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

Source: reactjs.org

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

Components react to hooks

import React, { useState } from 'react';
function Example() {
  // Declare a new state variable, which we'll call "count"  const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

-1

Source: reactjs.org

Similar codes

2 votes384 views3 answers
Linear gradient reactjs
Javascript React
50 votes339 views6 answers
Yarn create react app
Javascript React
0 vote397 views1 answer
React native gridient button
Javascript React
0 vote398 views1 answer
Redirect to another path react
Javascript React
0 vote420 views1 answer
React native firebase
Javascript React
18 votes395 views2 answers
How to store an array in localstorage reactjs
Javascript React
32 votes364 views1 answer
React touter dom
Javascript React
3 votes392 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
0 vote413 views1 answer
React native get route name
Javascript React
0 vote403 views1 answer
React js date ago
Javascript React