Javascript Submit上的ReactJS表单不'；不行，它'；他没打电话_Javascript_Node.js_Reactjs_Jsx

Javascript Submit上的ReactJS表单不'；不行，它'；他没打电话

javascript node.js reactjs

Javascript Submit上的ReactJS表单不'；不行，它'；他没打电话,javascript,node.js,reactjs,jsx,Javascript,Node.js,Reactjs,Jsx,我正在使用NodeJS、JSX和ReactJS，我有下一个类： import React from 'react'; export default class LoginPage extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(

我正在使用NodeJS、JSX和ReactJS，我有下一个类：

import React from 'react';

export default class LoginPage extends React.Component {
    constructor(props) {
        super(props);
        this.state = {value: ''};

        this.handleChange = this.handleChange.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);

        console.log("QD");
    }

    handleChange(event) {
        console.log("QDWWQD");
        this.setState({value: event.target.value});
    }

    handleSubmit(event) {
        console.log('A name was submitted: ' + this.state.value);
        event.preventDefault();
    }

    render() {
        return (
            <form onSubmit={this.handleSubmit}>
                <input type="submit"/>
            </form>
        );
    }
}

如果有帮助，下面是

routes.js

：

import React from 'react'
import { Route, IndexRoute } from 'react-router'
import Layout from './components/Layout.react';
import IndexPage from './components/IndexPage.react';
import NotFoundPage from "./components/NotFoundPage.react";
import PropertiesPage from "./components/PropertiesPage.react";

const routes = (
    <Route path="/" component={Layout}>
        <IndexRoute component={IndexPage}/>
        <Route path="proprietati" component={PropertiesPage}/>
        <Route path="*" component={NotFoundPage}/>
    </Route>
);

export default routes;

从“React”导入React
从“react router”导入{Route，IndexRoute}
从“./components/Layout.react”导入布局；
从“/components/IndexPage.react”导入IndexPage；
从“/components/NotFoundPage.react”导入NotFoundPage；
从“/components/PropertiesPage.react”导入PropertiesPage；
常数路由=(
);
导出默认路径；

EDIT2:这是index.ejs：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
</head>
<body class="hold-transition skin-blue <%= bodyClasses %>">
    <div id="main"><%- markup %></div>
</body>
</html>

尝试在以下内容中添加返回false:

handleSubmit(event) {
    event.preventDefault()
    console.log('A name was submitted: ' + this.state.value);
    return false;
}

尝试在中添加return false：

handleSubmit(event) {
    event.preventDefault()
    console.log('A name was submitted: ' + this.state.value);
    return false;
}

真正地我在JSFIDLE试过，效果很好。。。。那么问题出在别的地方了？也许是和nodejs一起？也许是在某个地方。。。你能提供代码吗？添加了更多信息你可以检查你的浏览器开发工具是否有错误，如果脚本已加载，只需使用浏览器检查器。真的吗？我在JSFIDLE试过，效果很好。。。。那么问题出在别的地方了？也许是和nodejs一起？也许是在某个地方。。。您可以提供代码吗？添加了更多信息您可以检查浏览器开发工具上是否有错误，如果加载了脚本，只需使用浏览器检查器即可。从React v14开始，返回false不起作用；从React v14开始，返回false不起作用