我是 React JS 的新手。目前我正在使用 Material-UI 来构建小型可重用组件。有没有办法让 Material-UI 单选按钮成为必需的？
就像输入字段在空时显示“此字段为必填”文本
我正在从事一个需要服务器端渲染以实现 SEO 目的的项目，我正在使用 Next.js 和 React，并且我正在使用Next.js 动态路由。
我创建了一个简单的页面来检查它是否正常工作：
import Head from 'next/head'
import React, { Fragment } from 'react'
import { withRouter } from 'next/router'
class Product extends React.Component {
render() {
return (
<Fragment>
<Head />
<h1>{this.props.router.query.name}</h1>
</Fragment>
)
}
}
export default withRouter(Product)
我将代码放入/pages/product/[name].js，运行开发服务器并访问localhost:3000/product/cheese。
加载页面后，我检查了浏览器中的页面源，以检查它是否在服务器端呈现，并且代码中没有任何内容包含单词cheese。
我做错了吗？它是在客户端渲染的吗？