ui/src/root.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { useState } from 'react';
import { invoke } from '@tauri-apps/api/core';

export default function Root() {
  const [rustResult, setRustResult] = useState('')

  async function callRust() {
    const result : string = await invoke('greet', {name: 'ashe'})
    setRustResult(result)
  }

  return (
    <>
      <p>Now we have React</p>
      {rustResult
        ? <p>Result from rust: <pre><code>{rustResult}</code></pre></p>
        : <button onClick={callRust}>Call rust</button>
      }
    </>
  )
}