import React from 'react';
class App extends React.PureComponent {
    constructor(props) {
        super(props);
        this.myRef = React.createRef();
    }
    render() {
        return (
            <form onSubmit={(event) => {
                this.submit(event)
            }}>
                <input type="text" ref={this.myRef}/>
                <input type="submit"/>
            </form>
        )
    }
    submit(event) {
        // 禁止默认行为
        event.preventDefault();
        console.log(this.myRef.current.value);
    }
}
export default App;

import React from 'react';
class Home extends React.PureComponent {
    render() {
        return (
            <div>Home</div>
        )
    }
}
function enhanceComponent(WrappedComponent) {
    class AdvComponent extends React.PureComponent {
        render() {
            return (
                <div>
                    <WrappedComponent/>
                </div>
            )
        }
    }
    return AdvComponent;
}
const AdvComponent = enhanceComponent(Home);
class App extends React.PureComponent {
    render() {
        return (
            <div>
                <AdvComponent/>
            </div>
        )
    }
}
export default App;