小编Ren*_*tsm的帖子

我想知道如何向没有任何 CSS 类的元素添加 CSS 类。我正在寻找带有 Hooks 的 React 功能组件解决方案。这里我想将类添加到标签中，并且不需要提前添加 ${myclass} 。这意味着在我们执行 addclass 功能之前标签应该没有任何属性。我尝试了以下方法，需要获得最佳实践。提前致谢！

function Trial(){
  const [myclass, changeclass] = useState("");
  const addclass=()=>{
  changeclass(`active`)
  }  
  return(
    <div>
      <h1 className={` ${myclass}`}>Hi</h1>
      <button onClick={addclass}>Click it</button>
    </div>
  )
}

我有一个名为“Home”的组件，里面有一个 useEffect，其中有一个 console.log(“Home 组件已安装”)。我只是使用了一个常见的 useEffect 钩子。但是当我最初渲染页面时，我收到控制台日志两次，而不是在组件的初始安装中显示它。谁能告诉我我的代码发生了什么事。代码如下：

import React, { useEffect } from 'react';

const Home = () => {

  useEffect(()=>{
    console.log("Home component mounted")
  })

 return (
  <div className="container">
    <h1 className="h1">Home Page</h1>
  </div>
 )};

export default Home;

我想从 DOM 中“卸载一个简单的功能组件”。我搜索了很多，发现大多数教程都是基于类组件的，但我没有看到任何简单的示例。我的要求是单击按钮时从 DOM 中卸载功能组件。以下是带有按钮的组件，我喜欢在单击它时卸载它。希望有人可以帮助我做到这一点。提前致谢 ！

import React from 'react'

function App() {
 return (
    <div className='app-component'>
      <h2 className="h2">App Component</h2>
      <button>Unmount This Component</button>
    </div>
  )
}

export default App