如何处理js中的输入后期操作？

Question

我想将带有帖子操作的objInstance的输入发送到另一个js文件。此文件应处理数据以调用订购过程。

<form/>

此时应处理传入数据的js文件为空。
如何获取发送数据或是否有更好的做法来执行此操作？

Answer 1

如果您希望通过函数处理此组件的表单数据，则应在该文件中导入该函数。所以这就是它的方式！

新-file.js

export default function(data){
  console.log('this is the form data');
}

并在当前文件中导入此函数并使用它onSubmit：

import React from "react";
import newFunction from 'new-file.js';

class Order extends React.Component {

constructor() {
    super();
};
/*
componentWillMount() {
};

componentWillUnmount() {
};

submit: function(e){
  e.preventDefault();
  newFunction();
  alert('form submitted !');
};

refresh() {
};
*/
render() {
    return (
        <div>
            <h1>Delivery-Adress</h1>
            <form className="pure-form-stacked" action="" onSubmit={this.submit}>
                <label htmlFor="name">Name: 
                <input id="name" name="name" type="text" required></input>
                </label>
                <br/>
                <label htmlFor="street">Street: 
                <input id="street" name="street" type="text" required></input>
                </label>
                <br/>
                <label htmlFor="city">City: 
                <input id="city" name="city" type="text" required></input>
                </label>
                <br/>
                <label htmlFor="email">E-Mail: 
                <input id="email" name="email" type="email" required></input>
                </label>
                <br/>

                <input type="submit" value="deliever" formmethod="post" formaction="OrderProcess.js"></input>
            </form>
        </div>
    )
  }
}

export default Order;

希望这能解决您的问题。 ：）