小编abc*_*abc的帖子

在他们的渲染列表教程中，他们说：

该<Index>组件是为这些情况提供的。根据经验，在使用基元时使用<Index>.

和

<For>关心数组中的每条数据，并且该数据的位置可以改变；<Index>关心数组中的每个索引，并且每个索引处的内容都可以更改。

这两句话对我来说都没有意义。“使用基元时”是什么意思？我总是使用数组。有人可以澄清何时使用ForvsIndex吗？

我有一个用 prettier 格式化的打字稿项目。我的问题是当我保存这样的代码时：

const thing = await call({ // comment
  a: 1
});

Prettier 将注释移至新行，这不是我想要的。

const thing = await call({
  // comment
  a: 1
});

如何在保留所有其他格式设置的同时防止这种情况发生？

编辑：我不想使用其他格式化程序或// prettier-ignore. 我需要从配置文件中完成此操作.prettierrc.json

我正在使用 remix，刚刚通过运行创建了最基本的项目npx create-remix@latest。就在大门外，我在运行时在控制台中得到了这个npm run dev。

Warning: Extra attributes from the server: class

删除标签后它就会消失<Scripts />，但我想我需要它吗？

我有一个 React 组件，其 prop 类型如下：

type Props = React.HTMLProps<HTMLAnchorElement> & {
    to?: string;
};

如何在 SolidJS 中编写等效的 prop 类型？我试过这个：

type Props = Component<HTMLAnchorElement> & {
    to?: string;
};

它可以编译，但它没有与前者相同的内置属性，例如children.

我有一个 .md 文件，其中包含

3. test
1. indent me

当我将光标移动到“1”的左侧时。我得到：

3. test
   1. indent me

其中缩进为 3 个空格。如何让它成为宽度为 2 个空格的制表符？我在编辑器底部有“Tab Size: 2”，所以我不知道为什么我仍然缩进 3 个空格。

在扩展 API 中，manifest.json 有一个参数，名为all_frames

选修的。默认为 false，表示仅匹配顶部框架。

如果指定 true，它将注入所有框架，即使该框架不是选项卡中最顶层的框架。每个框架都会独立检查 URL 要求，如果不满足 URL 要求，则不会注入子框架。

我熟悉帧每秒，但这似乎并不适用于此。“仅匹配顶部框架”是什么意思？“框架”和选项卡一样吗？

我使用运行 webpack 的构建命令克隆了一个存储库，它生成一个 index.js 和 index.map.js 文件。我假设 index.js 是所有代码的缩小版本，但是什么是index.map.js？

我有一个父组件返回：

<List list={list()}>
    {(item, index) => <div>{item}</div>}
</List>

其中list是创建的信号。List是我返回的自定义组件：

<div>
    <For each={list}>{children}</For>
</div>

但每当list更新时，它都不会呈现。当我将For代码移至父组件时，它会进行渲染，那么将信号的值传递给子组件以使其在更新时不会重新渲染又是什么呢？

编辑：演示

import { render } from "solid-js/web";
import { createSignal, For } from "solid-js";

function Counter() {
  const [list, setList] = createSignal([]);
  const increment = () => setList([...list(), 1]);

  return (
    <>
      <button type="button" onClick={increment}>
        add
      </button>
      <p>broken list</p>
      <List list={list()} />

      <p>other list</p>
      <For each={list()}>
        {(item) => <p>{item}</p>}
      </For>
    </>
  );
}

function List({list}) {
  return …

我有一些 SolidJS 代码，例如：

{value() !== undefined && <img src={srcs[value()]} />}

哪里value有信号。value()我在说以下内容时遇到 TypeScript 错误Type 'undefined' cannot be used as an index type.ts(2538)

这是什么意思以及如何在没有 的情况下解决这个问题// @ts-ignore？

Solid 有createMemo，我认为它可能有用，但它说“备忘录函数不应通过调用设置器来更改其他信号（它应该是“纯”）。”，这不适合我的用例。

我想将颜色变量（默认或扩展）用于我的扩展主题，例如：

module.exports = {
    content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
    theme: {
        extend: {
            colors: {
                lime: {
                    '100': 'green'
                }
            },
            backgroundColor: {
                skin: {
                    base: 'bg-red-500',
                    secondary: 'lime-100',
                },
            },
        },
    },
    plugins: [],
};

但这不起作用。我怎样才能有一个bg-skin-base相当于 的类bg-red-500和另一个bg-skin-secondary相当于 的类bg-[green]？