github.com/secoba/wails/v2@v2.6.4/pkg/templates/generate/assets/react/frontend/src/App.jsx (about)

     1  import {useState} from 'react';
     2  import logo from './assets/images/logo-universal.png';
     3  import './App.css';
     4  import {Greet} from "../wailsjs/go/main/App";
     5  
     6  function App() {
     7      const [resultText, setResultText] = useState("Please enter your name below 👇");
     8      const [name, setName] = useState('');
     9      const updateName = (e) => setName(e.target.value);
    10      const updateResultText = (result) => setResultText(result);
    11  
    12      function greet() {
    13          Greet(name).then(updateResultText);
    14      }
    15  
    16      return (
    17          <div id="App">
    18              <img src={logo} id="logo" alt="logo"/>
    19              <div id="result" className="result">{resultText}</div>
    20              <div id="input" className="input-box">
    21                  <input id="name" className="input" onChange={updateName} autoComplete="off" name="input" type="text"/>
    22                  <button className="btn" onClick={greet}>Greet</button>
    23              </div>
    24          </div>
    25      )
    26  }
    27  
    28  export default App