Javascript onSubmit事件处理程序在Reactjs表单中不工作

我是一个新的反应者，有以下形式：

class CustomForm extends React.Component {

    handleFormSubmit = (e) => {
        e.preventDefault();
        const title = e.target.elements.title.value;
        const content = e.target.elements.content.value;
        console.log(title, content)
    }

    render() {
        return (
            <div>
                <Form onSubmit={ this.handleFormSubmit }>
                    <FormItem label='Title'>
                        <Input name='title' placeholder='Put a title here' />
                    </FormItem>
                    <FormItem label='Content'>
                        <Input name='content' placeholder='Enter some content' />
                    </FormItem>
                    <FormItem>
                        <Button type='primary' htmlType='submit'>Submit</Button>
                    </FormItem>
                </Form>
            </div>
        )
    }
}

类CustomForm扩展了React.Component{
handleFormSubmit=（e）=>{
e、 预防默认值（）；
const title=e.target.elements.title.value；
常量内容=e.target.elements.content.value；
console.log（标题、内容）
}
render（）{
返回(
提交
)
}
}

---

表单未在控制台日志中提交任何内容。我用SubmitCapture上的

进行了尝试，似乎效果不错。如何修复此问题？
按钮和
type='submit'
将触发表单
onSubmit
处理程序按钮和
type='submit'
将从您的代码触发表单
onSubmit
处理程序看起来您正在使用一些自定义组件
。。这不是正常的
，因为自定义
组件可能没有提交
的属性。浏览您正在使用的组件的文档。
从您的代码看，您似乎正在使用某个自定义组件。。这不是正常的
，因为自定义
组件可能没有提交
的属性。浏览您正在使用的组件的文档。
您需要在构造函数中绑定事件处理程序才能工作。请在此处阅读更多信息：

类CustomForm扩展了React.Component{
建造师（道具）{
超级（道具）
this.handleFormSubmit=this.handleFormSubmit.bind（this）
}
handleFormSubmit=（e）=>{
e、 预防默认值（）；
const title=e.target.elements.title.value；
常量内容=e.target.elements.content.value；
console.log（标题、内容）
}
render（）{
返回(
提交
)
}
}
您需要绑定构造函数中的事件处理程序才能工作。请在此处阅读更多信息：

类CustomForm扩展了React.Component{
建造师（道具）{
超级（道具）
this.handleFormSubmit=this.handleFormSubmit.bind（this）
}
handleFormSubmit=（e）=>{
e、 预防默认值（）；
const title=e.target.elements.title.value；
常量内容=e.target.elements.content.value；
console.log（标题、内容）
}
render（）{
返回(
提交
)
}
}
您的所有组件都是自定义的，可能使用标准组件参考：您的所有组件都是自定义的，可能使用标准组件参考：
class CustomForm extends React.Component {    
    constructor(props) {
     super(props)

      this.handleFormSubmit = this.handleFormSubmit.bind(this)
     }

    handleFormSubmit = (e) => {
        e.preventDefault();
        const title = e.target.elements.title.value;
        const content = e.target.elements.content.value;
        console.log(title, content)
    }

    render() {
        return (
            <div>
                <Form onSubmit={ this.handleFormSubmit }>
                    <FormItem label='Title'>
                        <Input name='title' placeholder='Put a title here' />
                    </FormItem>
                    <FormItem label='Content'>
                        <Input name='content' placeholder='Enter some content' />
                    </FormItem>
                    <FormItem>
                        <Button type='primary' htmlType='submit'>Submit</Button>
                    </FormItem>
                </Form>
            </div>
        )
    }
}