demo HandleState.js

0% Statements 0/5

100% Branches 0/0

0% Functions 0/2

0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { useState } from 'react';
import InlineEdit from '../components';
 
export default function HandleState() {
  const defaultValue = 'John Doe';
  const [name, setName] = useState(defaultValue);
 
  const handleSave = (value) => {
    setName(value);
  };
 
  return (
    <div>
      <h1>Profile</h1>
      <InlineEdit
        onSave={handleSave}
        initialValue={name}
        defaultValue={defaultValue}
      />
    </div>
  );
}