小编mim*_*mic的帖子

我正在使用 React 制作一个网站。

当我的网站有大量文本时，我会显示一个按钮，例如show more or less。

在我的项目中，它运行良好，但总是显示警告validateDOMNesting(...): <button>

我的示例代码是这样的。

const [show, setShow] = useState(false);

function handleShow() {
  show ? setShow(false) : setShow(true);
}

<CardActionArea>
  <Button onClick={handleShow}> 
    { show ? text : text.substr(0, 100) + "..." }
  </Button>
</CardActionArea>

我认为CardActionArea是一个button组件，它现在进行嵌套button。

但如果我href在 中声明财产button，它不会发出警告。

有没有一种好的方法可以不发出不使用属性的警告href？