reauct エラー解消できない

Question

下記のエラーが解消できません。
誰かわかる人がいたら教えてください

Property 'map' does not exist on type 'Readonly<{}>'. TS2339
Property 'map' does not exist on type 'Readonly<{}>'. TS2339

import React, { Component } from 'react'
import './Body.css';

type Props = {
    textTitle: string
    textBody: string
    memoList: string
}

class MemoList extends Component {

    constructor(props:Props) {
        super(props);
        this.state = {
　　　　　　　memoList: props.memoList,
            textTitle: '',
            textBody: ''
        };
    }
  
      render() {
          const memoItemList = this.state.map((m, i) =>{
            return <li key={i}>
                タイトル:{m.title}<br/>
                内容:{memoItemList.content}<br/>
                </li>;
          });

       return(
         <div> class Name= 'Main'>
          <ui id='MemoList'>
            <li className = "Memo">
              <div className="MainTitle" value={this.state.textTitle}></div>
              <div className="MainText" value={this.state.textBody}></div>
            </li>
          </ui>
        </div>
       );
  }
}

export default MemoList;

Comments

[nerianighthawk]

エラーの意味ですと、他の回答者がおっしゃっている通り、`.map` はリストに対する関数なのに対して、this.state はリストではないので、エラーになっています。
見たところリストに当たるものが、このソースコード内には存在しないため、タイトル、内容に当たる情報がどこに入っているのが正しいのかわかりません。
それを記載して頂けると、より詳細に回答することができます。
よろしくお願いします。

Answer 1

こんにちは

エラーが起こる原因は

const memoItemList = this.state.map((m, i) =>{

の .map( の部分です。 map は配列のメソッドですが、 this.state は配列ではないので、mapメソッドを持っていません。そのため

Property 'map' does not exist on type 'Readonly<{}>'.

というエラーメッセージが出力されます。
しかるべき配列に.mapを使うように修正すればよいかと思います。