我有一个带有html标签的javascript代码片段,我必须在jsx中为react调整它。如何转换onLoadEvent函数和表单
<html>
<head>
<title>Title</title>
<script language="Javascript" >
function OnLoadEvent(){
document.threedfrom.submit();
}
</script>
</head>
<body OnLoad="OnLoadEvent();" >
<form name="123123" action="url" method="POST">
<textarea style="display: none"name="PaReq">
</textarea>
<input type="hidden" name="ew" value="1">Hlleo
<input type="hidden" name="MD" value="testtest">
<noscript>
<p align="center" class="main">Testing</p>
<p align="center" class="main"><input type="submit" value="Submit" /></p>
</noscript>
</form>
</body>
</html>
发布于 2018-06-14 05:59:14
不确定文本区域是如何使用的,但这里有一个示例可以帮助您入门:
class App extends React.Component {
state = {
termUrl: 'http://www.url.gr/return.php',
md: "NBGTEST000000412"
};
componentDidMount() {
//document.threedfrom.submit();
}
handleSubmit = () => {
// Make api call using your preferred package
axios({
url: 'https://accreditation.datacash.com/acs-nbgs2a_i',
method: 'POST',
data: this.state
});
}
render () {
return (
<div>
<textarea style={{display: "none"}} name="PaReq" />
<p align="center" class="main">Testing</p>
<p align="center" class="main"><button onClick={this.handleSubmit}>Submit</button></p>
</div>
)
}
}
ReactDOM.render(<App/>, document.getElementById('root'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>
https://stackoverflow.com/questions/50846806
复制相似问题