小编cla*_*rkf的帖子

提交表单后出现错误：
TypeError: e.preventDefault is not a function。

这是我的代码：

import {React} from 'react';
import emailjs from 'emailjs-com';
import {useForm} from "react-hook-form";

const NameForm = () => {
  const { register, handleSubmit, formState: { errors } } = useForm();
  const sendEmail = (e) => {
    e.preventDefault();

    emailjs.sendForm('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', e.target, 'YOUR_USER_ID')
      .then((result) => {
          console.log(result.text);

      }, (error) => {
          console.log(error.text);
      });
      e.target.reset();
  }

    return (
      <div>
        <h1 className="text-center text-md-left mb-3">Get in Touch</h1>
        <form className="contact-form" onSubmit={handleSubmit(sendEmail)}>
          <div className="form-group mb-0 py-3">
            <textarea className="form-control custom--fields-mod text-the-primary" …

我在正文中实现以下代码时出错：

<div id="fb-root"></div>
<div id="fb-customer-chat" class="fb-customerchat">
</div>
<script>
  var chatbox = document.getElementById('fb-customer-chat');
  chatbox.setAttribute("page_id", "YOURPAGEIDHERE");
  chatbox.setAttribute("attribution", "biz_inbox");

  window.fbAsyncInit = function() {
  FB.init({
    xfbml            : true,
    version          : 'v12.0'
  });
  };

  (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

错误：

我已经将 FB Advanced Messaging 中的域列入白名单。我不确定我是否遗漏了代码中的其他内容。

我在查看部署到 Hostinger 根文件夹或等效（子域）的网站子页面时遇到问题，我运行“npm run build”并将“build”文件夹内的文件部署到 Hostinger。

当然，它适用于我的本地和 firebase，但不适用于 Hostinger。

请参阅下面的文件了解主页、内页和 FTP 内容。

家：

子页面：

“build”文件夹中的 ftp 内容。

谢谢！

我想禁止机器人抓取任何文件夹/子文件夹。

我想禁止 ff：

http://example.com/staging/
http://example.com/test/

这是我的 robots.txt 中的代码

User-agent: *
Disallow: /staging/
Disallow: /test/

这是正确的吗？它会起作用吗？

这是一个简单的问题，如何在reactrouter 6上选择项目时重新加载页面<NavLink>？因为reactrouter 5要<BrowserRouter forceRefresh={true} />重新加载页面。

下面是我的代码，也是完整的沙箱代码https://codesandbox.io/。

export default function App() {
  return (
    <BrowserRouter>
      <header>
        <Navbar />
      </header>

      <main className="flex-shrink-0">
        <React.Suspense fallback={<h6>Loading...</h6>}>
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/about" element={<About />} />
          </Routes>
        </React.Suspense>
      </main>
    </BrowserRouter>
  );
}

任何解决方法或可能的解决方案都会有所帮助。