元素隐式具有“任何”类型，因为“任何”类型的表达式不能用于索引类型“{服务：字符串； }

Question

const [serviceList, setServiceList] = useState([{ service: '' }]);

const handleServiceChange = (e:any, index: any) => {
        const { name, value } = e.target;
        const list = { ...serviceList };
        list[index][name] = value;//getting the error here
        setServiceList(list);
    }

出现此错误，谁能帮我理解这个问题并告诉我如何在打字稿中解决这个问题？

Answer 1

您会收到此错误，因为name可以是任何东西，但列表中的元素只有属性service 。 所以没有什么可以保证name值实际上是"service" 。 通常，您应该尽量避免使用any来键入变量。

检查以下代码。 我以ChangeEvent<HTMLInputElement>为例，但在您的情况下可能会有所不同。 无论如何，这样做会让 typescript 知道name是一个字符串。

const handleServiceChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {
  const {name, value} = e.target

  // NOTE the syntax to copy an array!!
  const list = [...serviceList];

  // TS knows that `name` is a string, but it can still be any string.
  // This ensures we only continue if `name === 'service'` and thus makes the error go away
  if (name !== 'service') return;

  list[index][name] = value; // Now we are sure that name == "service"
  setServiceList(list);
}