状態が定義されていないsetStateの使用時にエラーが発生する

Question

初めて反応してみたが、固まってしまった。

class HelloWorldComponent extends React.Component { 
    constructor(props){ 
    super(props); 

    this.state = { 
     price 
    } 
    } 

    render() { 
    return (
     <div> 
     <input type="text" onChange={e => this.setState({price: e.target.value})} placeholder="main price"/> 
     <input type="text" placeholder="custom price"/> 
     </div> 
    ); 
    } 
} 

上記のコードに問題がありますか？価格は定義されていませんか？私はすでに

this.state = { 
    price 
} 

Answer 1

理由を宣言あなたが書くときは、次のとおりです。

this.state = { price } 

それのように扱われます：

this.state = { price : price } 

そして値の価格が定義されていないので、それがエラーを投げています。価格を定義したり、このようなキー価格に値を割り当てるのいずれかこの問題を解決するために

：

str = 'a'; 
 

 
obj = {str}; 
 

 
console.log(obj);