TS我這個function怎么寫到箭頭function？

Question

我如何用箭頭 function 編寫這個通用的 function？

function simpleState<T>(initial: T): [() => T, (v: T) => void] {
  let value: T = initial;
  return [
    () => value,
    (v: T) => {
      value = v;
    }
  ]
};

Answer 1

const simpleState = <T>(initial: T): [() => T, (v: T) => void] => {
  // same function body as before
}

由於您標記了 react-native，請注意在.tsx文件中，這可能不起作用，因為<T>將被解析為 JSX 標記。 您可以將它放在.ts文件中，然后將其導入.tsx文件，或者使用以下解決方法之一使其不被解釋為 JSX 元素。

尾隨逗號：

<T,>(initial: T): // etc

從未知擴展：

<T extends unknown>(initial: T): // etc

Answer 2

const simpleState2 = <T>(initial: T): [() => T, (v: T) => void] => {
  let value: T = initial;
  return [
    () => value,
    (v: T) => {
      value = v;
    },
  ];
}