小编Rub*_*Smn的帖子

在下面的代码中，我进入第 1 行，有人可以告诉我解释以及我应该更改什么吗

<Drawer.Navigator
  screenOptions={{
    headerStyle: { backgroundColor: colorPalette.blue1, height: 80 },
    headerTintColor: "white",
    // headerLeft: () => <View></View>
    headerTitle: () => <Image source={appLogo} />, // line 1
    headerRight: () => <HeaderRight />,
  }}
  drawerContent={(props) => (
    <DrawerContent navigation={navigation} {...props}></DrawerContent>
  )}
>

我想在其中渲染一个组件？

当我在应用程序中使用 next/link 时，我遇到了一些问题。

我有一个可重用的组件来呈现按钮。该组件在页面上使用两次，每次使用不同的 url。

当页面处于桌面视图时，该按钮可以正常工作。我可以从一个页面导航到另一页面。当我将屏幕尺寸缩小到平板电脑或移动设备时，其中一个会正确重定向，而另一个则不会按预期响应。

为了解决这个问题，我将该区域包含在链接内，以便用户可以单击按钮区域之外，但仍然会被定向到该页面，但这并不是我真正想要向用户提供的体验。

我以前从未有过这个。有人可以告诉我如何解决这个问题或者为什么会出现这种情况吗？谢谢。

const Banner = ({
  purpose,
  imageUrl,
  title1,
  title2,
  desc1,
  linkName,
  buttonText,
}) => {
  return (
    <div className="row flex-lg-row-reverse align-items-center g-5  justify-content-center">
      <div className=" col-10 col-sm-8 col-lg-6">
        <Image
          className="d-block img-fluid mx-lg-auto"
          src={imageUrl}
          width={700}
          height={500}
          alt="banner"
          loader={myLoader}
        />
      </div>
      <Link href={linkName} passHref>
        <div className="col-lg-4 p-3 text-center text-lg-start border-0">
          <h1 className="display-6 fw-bold lh-1 mb-3">{purpose}</h1>
          <p className="lead">
            {title1}
            <br /> {title2}
          </p>
          <p className="lead">{desc1}</p>

          <button className="btn link btn-primary btn-xl w-100">
            <Link href={linkName} passHref>
              <a> {buttonText}</a> …

我想做一个像这样的简单列表：

1. xxxxx
2. xxxxx
   a. xxxxx
   b. xxxxx
3. xxxxx
4. xxxxx
   a. xxxxx
   b. xxxxx

内容取自反应状态变量并进行映射以创建此列表。状态变量结构尚未确定。

如果我使用 css ol & li，它看起来很简单。但当我查看 MUI List 时，它似乎不支持这一点。我必须手动创建编号 1,2,3 和 a,b,c。

是否有任何 MUI 组件可以完成与 css ul & li 类似的工作？

谢谢。