使用React NavLink在新页面上呈现表单可以通过以下步骤实现:
npm install react react-router-dom
import React from 'react';
import { NavLink } from 'react-router-dom';
const FormComponent = () => {
return (
<form>
{/* 在这里放置表单的输入字段 */}
<NavLink to="/form-result" target="_blank">提交表单</NavLink>
</form>
);
};
import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import FormComponent from './FormComponent';
import FormResultComponent from './FormResultComponent';
const App = () => {
return (
<Router>
<Route path="/form" component={FormComponent} />
<Route path="/form-result" component={FormResultComponent} />
</Router>
);
};
export default App;
这样,当用户点击"提交表单"链接时,将会在新页面中打开一个新的路由(/form-result),并呈现表单结果。
请注意,上述代码中的"/form"和"/form-result"只是示例路由路径,你可以根据自己的需求进行修改。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL版(CDB)。
领取专属 10元无门槛券
手把手带您无忧上云