所以我有一个普通的页面，我正在使用next js.它看起来像这样：

"use client"

import SubjectInput from "../../../../components/subjectsInput"


export default function Page()
{
        let inputs = []
        for (let i = 0; i < numberOfInputsGiven; i++) {
            inputs.push(<SubjectInput key={i}/>)
        }

        return(
            <>
                <form>
                     <>
                        {inputs}
                     </>
                     <button type="submit">OK</button>
                </form>
            </>
        )
}

我使用一个名为“SubjectInput”的组件来生成我需要的输入字段。现在，我的问题是，我如何访问SubjectInput中的输入值？下面是SubjectInput的外观：

export default function SubjectInput(){
    return(
        <div>
            <div>
                <label>Name</label>
                <input type="text"  placeholder="Enter subject's name" required />
            </div>
            <div>
                <label>From</label>
                <input type="time" placeholder="Enter subject's starting time" required />
            </div>
            <div>
                <label>To</label>
                <input type="time" placeholder="Enter subject's ending time" required />
            </div>
        </div>
    )
}