Reactjs MySwal 无法显示 3 个按钮答案

【问题标题】：Reactjs MySwal cant display 3 buttonsReactjs MySwal 无法显示 3 个按钮
【发布时间】：2021-11-02 16:47:53
【问题描述】：

为什么我不能在 sweetalert2 中显示 3 个按钮？这是参考More than 2 buttons on sweetalert 2 和https://github.com/sweetalert2/sweetalert2/releases/v10.0.0

import Swals from 'sweetalert2';
import withReactContent from 'sweetalert2-react-content'

const HomeScreen = ({ navigation, route }) => 
{
  const MySwal = withReactContent(Swals);
 ....
 Swal.fire({
  title: 'Do you want to save the changes?',
  showDenyButton: true,
  showCancelButton: true,
  confirmButtonText: `Save`,
  denyButtonText: `Don't save`,
}).then(function (result) {
  console.log(result)
  // Object {
  //   value: false,
  //   isConfirmed: false,
  //   isDenied: true,
  //   isDismissed: false
  // }
})
.....
}

版本

"sweetalert2-react": "^0.8.3",
"sweetalert2-react-content": "^3.3.2",

这是结果

【问题讨论】：

标签： javascript reactjs sweetalert sweetalert2

【解决方案1】：

我相信这很容易检查。如果您转到可以看到该库的 GitHub 存储库的 npm 页面，则您正在使用 sweetalert2-react。如果您检查其中的 package.json，您可以看到 "sweetalert2": "^8.5.0", 是正在使用的版本，而不是最新版本。所以他们落后了。

https://github.com/alex-shamshurin/sweetalert2-react/blob/master/package.json

【讨论】：

嗨，你可以看到我使用的是 sweetalert2-react 而不是 hte sweetalert2
不是你。 sweetalert2-react 使用 sweetalert2 8.5 而不是 10。这就是你没有第三个按钮的原因。