代码之家 › 专栏 › 技术社区 › Martin

为什么我的单选按钮不起作用,而我得到了未终止的JSX内容?

tailwind-css reactjs

Martin · 技术社区 · 2 年前

我看了那个教程: radiobutton

因此,我决定使用以下代码对React和Tailwind进行检查:

import React from "react";
import "./styles.css";
import "./styles/tailwind-pre-build.css";
import Navbar from "./components/Navbar";
import LivePortal from "./components/LivePortal";
import WorkContainer from "./components/WorkContainer";
import HomePage from "./components/Homepage";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";

const App = () => {
  return (
    <>
    <input className="sr-only peer" type="radio" value="yes" name="answer" id="answer_yes">

                              <label
                                  className="flex p-5 bg-white border border-gray-300 rounded-lg cursor-pointer focus:outline-none hover:bg-gray-50 peer-checked:ring-green-500 peer-checked:ring-2 peer-checked:border-transparent"
                                  htmlFor="answer_yes">Yes</label>

                              <div className="absolute hidden w-5 h-5 peer-checked:block top-5 right-3">
                                  ð
                              </div>
                            
    </>

  );
}

export default App;

但我犯了以下错误: /src/App.js: Unterminated JSX contents (23:7)

您可以在此处查看完整项目: My project

你能帮帮我吗?我不明白为什么它不起作用。。。非常感谢!