在React和Next.js中生成二维码

在React和Next.js中生成二维码，你可以使用第三方库qrcode.react。

首先，安装qrcode.react库：

npm install qrcode.react

然后，在你的React组件中使用它：

import React from 'react';
import QRCode from 'qrcode.react';

const QRCodeComponent = () => {
  const url = 'https://example.com';

  return (
    <QRCode value={url} />
  );
};

export default QRCodeComponent;

这将在你的组件中渲染一个二维码，其值为https://example.com。

如果你使用Next.js，你可以在页面组件中使用上述的QRCode组件：

import React from 'react';
import QRCodeComponent from './QRCodeComponent';

const MyPage = () => {
  return (
    <div>
      <h1>My Page</h1>
      <QRCodeComponent />
    </div>
  );
};

export default MyPage;

然后，你可以通过访问/my-page来查看生成的二维码。