我是新手，目前正在嘗試從另一個文件修改 useState 掛鉤。當“Options.tsx”中的一個單選按鈕被選中時，結果應該以某種方式使用 useState 掛鉤的 setResult 函數進行更新，以便標簽得到更新。我想我幾乎明白了，但我沒有設法將正確的“onSelect”屬性傳遞給 Options.tsx，所以它被更新了。到目前為止，這是我的代碼：應用程序.tsximport React from 'react';import './App.css';import { useState } from 'react';import { Result, ResultType } from './Result'import { Options } from './Options'function App() {    const [result, setResult] = useState<ResultType>('pending')    return (        <div className="App">            <header className="App-header">                <Options onSelect={props.onSelect} />                <Result result={result} />            </header>        </div>    );}export default App;選項.tsximport React from 'react'interface Props {    onSelect: (correct: boolean) => void}export const Options = ({onSelect}: Props) => {    // TODO    const setWrong = () => setResult('wrong');    const setCorrect = () => setResult('correct');    return(        <div>            <fieldset>                <input type='radio' id='option1' onSelect={setWrong}/>                <label htmlFor='option1'>Label 1</label>                <input type='radio' id='option2' onSelect={setCorrect}/>                <label htmlFor='option2'>Label 2</label>                <input type='radio' id='option3' onSelect={setCorrect}/>                <label htmlFor='option3'>Label 3</label>            </fieldset>        </div>    )}Result.tsx（只是為了完成 - 到目前為止工作正常）import React from 'react'export type ResultType = 'pending' | 'correct' | 'wrong'interface Props {    result: ResultType}export const Result = ({ result }: Props) => {    switch (result) {        case 'pending':            return <h2>Make a guess</h2>        case 'correct':            return <h2>Yay, good guess!</h2>        case 'wrong':            return <h2>Nope, wrong choice...</h2>    }}知道嗎，如何從 Options.tsx 更新 useState？先感謝您！