我想將我的渲染分成幾個部分?？隙ㄓ幸恍┐a位丟失，因為我的真實代碼有一千多行，例如這個。基本上我希望能夠調用Page2和使用這些函數，handleSubmit并且handleChange在Page2. 但是當我調用 Page2 時，代碼說他沒有找到 handleSubmit 和 handleChange。我希望它像我沒有將代碼分成幾個函數一樣工作。如果有人有想法：/所以我像這樣分離了我的代碼：頁面 1.js ：  import {Page2} from './Page2';  const initialState = { test:'', test2: ''};  export default class Page1 extends Component {          constructor(props) {            super(props);            this.state = initialState;            this.handleSubmit = this.handleSubmit.bind(this);            this.handleChange = this.handleChange.bind(this);           }          handleChange(event) {            const InputValue = event.target.value;            const stateField = event.target.name;            this.setState({              [stateField]: InputValue,            });           console.log(this.state);         }         async handleSubmit(event) {            this.setState({ loading: true });            event.preventDefault();            const { test= ''} = this.state;            await axios.post(' (endpoint API)',             { key1: `${test}`);         }       render() {        return (          <Tabs selectedIndex={this.state.tabIndex} onSelect={tabIndex => this.setState({ tabIndex })}>            <TabList>              <Tab >Non Dynamique</Tab>              <Tab> Automation </Tab>          </TabList>          <TabPanel>            <Input type="number" step="0.01" name="test" onChange={this.handleChange} value=                {this.state.test || ''}/> </Col>           <Button type="submit"> Update </Button>           </TabPanel>           <TabPanel>             {this.Page2}           </TabPanel>          );      }}第2頁：    export class Page2 extends Component {     render() {      return(        <Input type="number" step="0.01" name="test2" onChange={this.handleChange} value=                {this.state.test || ''}/> </Col>        <Button type="submit"> Update </Button>           );        }      }    感謝您的任何回應