YmBIgo
@YmBIgo (和也 栗原)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

React で useState の 読み出し用変数 をスプレッドした場合

読み出し用変数 をスプレッドすると、変な data が追加されてしまう

以下のコードを動かすと、rest に 定義していない data プロパティが追加されます。

// 省略
const [info, setInfo] = useState<string>()
// 省略
function testInfo() {
  // info に data プロパティが追加される >>
  const {id: id, ...rest} = info 
}

以下のコードで、data を追加すれば、動いて欲しいように動いてくれます。

  // これなら rest を取れる >>
  const {id: id, data: data, ...rest} = info
  // 一々、プロパティを書きたくないです
  const rest = {data1: info.data1, data2: info.data2 ...}

React の useState で前データを保持しているため data プロパティが追加されているみたいなのですが、data 以外の useState本来の 他のプロパティがないのかが心配で。。。
useState の 読み出し用変数 のプロパティが書いているドキュメントなどはありませんか?
もしくは、Javascript のオブジェクト の スプレッド構文以外で、少ない記述量で rest を取ってくる方法はないでしょうか?

0

Your answer might help someone💌