类型错误：postHandleFormChange 不是函数错误

Question

我得到TypeError: postHandleFormChange is not a function Error"。怎么了？

在 App.js 中

function App() {
    const [post, setPost] = useState('')

const postHandleFormChange = (post) => {
        setPost(post)
    }
return (
        <div className="container">

            <Switch>                
                <Route path="/profile" component={Profile}
                         post={post} handleFormPost={handleFormPost}
                                postHandleFormChange={postHandleFormChange}/>
            </Switch>
        </div>
    )

在 Profile.js 中

const Profile = ({
                     post, postHandleFormChange
                 },) => {
const postHandleChange = (event) => {
        postHandleFormChange(event.target.value)
    }
return (
        <div className="container-profile">
            <h3>Welcome</h3>
            <form>
                <label>
                    <input type="text" name="post" value={post} onChange={postHandleChange}/>
                    <button type="submit">Post</button>
                </label>
            </form>                        
        </div>
    )
}