首页 文章

如何做用户快递作为此箭头功能

提问于
浏览 次
0

这里的代码有一个问题作为响应，后控制器不响应，显示错误

var CommonDetails = function() {
    this.API = 'http//localhost:8081'; // node api
    //this.API = 'http://localhost:8084'; // springboot api
}

module.exports = new CommonDetails();
'use strict'
import react, {Component} from 'React';
import axios from 'Axios';
import PropTypes from "prop-types";
const Base = require('../Statics.Common');

export default class User extends Component{

    static get propTypes(){
        return {
            user: PropTypes.object,
            getAllUsers: PropTypes.func
        }
    }

    constructor(props){
        super(props);
        this.user = this.props.user;
        this.getAllUsers = this.props.getAllUsers;
    }

    update(id,name){
        var updateName = prompt("please enter name",name);
        axios.put(Base.Api+'/'+id,{updateName}).then(results=>{
            if(results.status == 200){
                    this.getAllUsers();
            }
        })
    }

    delete(id){
        axios.delete(Base.Api+'/'+id).then(results=>{
            if(results.status == 200){
                this.getAllUsers()
            }
        })
    }
}
'use strict'

import react, { Component }from 'React';
import PropTypes from "prop-types";

export default class addUser extends Component{
    static get PropTypes(){
        return{
            addUser:PropTypes.func,
            name:PropTypes.string
        }
    }

    constructor(pops){
        super(props);
    }

    onNameChange(e){
        e.preventDefault();
        e.stopPropagation();
        this.name.target.value;
    }

    onSubmit(e) {
        e.stopPropagation();
        e.preventDefault();
        if (this.name) {
            this.props.addUser({name: this.name});
            this.name = '';
        }
    }
        render(){
            return<div>
                <form onSubmit={e=>this.onSubmit(e)}>
                    <label>Name:</label>
                    <input type="text" onChange={e=>this.onNameChange(e)}/>
                    <button type="submt">Add</button>
                </form>
            </div>
        }

}'use strict'
import react, {Component} from 'React';
import axios from 'Axios';
import PropTypes from "prop-types";
const Base = require('../Statics.Common');

export default class User extends Component{

    static get propTypes(){
        return {
            user: PropTypes.object,
            getAllUsers: PropTypes.func
        }
    }

    constructor(props){
        super(props);
        this.user = this.props.user;
        this.getAllUsers = this.props.getAllUsers;
    }

    update(id,name){
        var updateName = prompt("please enter name",name);
        axios.put(Base.Api+'/'+id,{updateName}).then(results=>{
            if(results.status == 200){
                    this.getAllUsers();
            }
        })
    }

    delete(id){
        axios.delete(Base.Api+'/'+id).then(results=>{
            if(results.status == 200){
                this.getAllUsers()
            }
        })
    }
}

这里的代码有一个问题，响应中delete没有响应，显示错误 . 这里代码有一个问题，如果delete没有响应，显示错误 . “var Express = require（'Express'）; var bodyParser = require（'body-parser'）; var Cors = require（'cors'）; var router = Express.Router（）; var UserRoute = require（'./ router'）; var app = Express（）; app.use （bodyParser.urlencoded（{extended：false}））;“app.use（bodyParser.json（））; app.use（Cors（））; app.use（'/'，UserRoute）;”“app.listen （'8081'，'127.0.0.1'，函数（错误）{if（错误）“{console.log（err）; process.exit（-1）;} console.log（”服务器侦听端口8081“） ;}）appjs“

express

1 回答

  • 0
    'use strict';
import React, {Component}   from 'react';
import Users                from './Modules/Users';
import AddUser              from './Controllers/AddUser';
import axios                from 'axios';

var Base                    = require('./Statics.Common');

export default class AppContainer extends Component {
    constructor(props) {
        super(props);
        this.state = {
            users: []
        }
        this.getAllUsers();
    }

    getAllUsers() {
        axios.get(Base.API + '/').then(res => {
            this.setState({
                users: res.data.data || res.data
            });
        })
    }

    addUser(user) {
        axios.post(Base.API + '/', {name: user.name}).then(result => {
            if(result.status == 200) {
                this.getAllUsers();
            }
        }).catch(err => {
            alert(err);
        })
    }

    render() {
        return <div>
           <h2>Users App</h2>
            <AddUser addUser={user => this.addUser(user)}/>
            <Users users={this.state.users} getAllUsers = {() => this.getAllUsers()}/>
        </div>;
    }
}
'use strict';
import React            from 'react';
import {render}         from 'react-dom';
import AppContainer     from './AppContainer.jsx';

render(<AppContainer/>, document.getElementById('app'));

    app.jsx

    回复于

相关问题