オブジェクトのデータを表示させたい

Question

前提

reactバージョン=16.8.0

一覧画面でusestateにあるオブジェクトデータを選択して出力したいのですが、
forEachを使用しオブジェクトの中身すべてをコンソールに出力できたのですが、
必要なデータを選択して出力する方法が不明です。

ソースコード

//一覧データ、apiで取得したデータを格納する
~省略~
    const [ lists, setlists ] = useState([])
~省略~
return (
{Object.keys(posts).forEach(key => {
      console.log(key , posts[key])})}

       <tbody>
          <tr>
                <td>idの値を表示させたい</td>
                <td><a>nameの値を表示させたい</a></td>
　　　　　　　　　 <td>memoの値を表示させたい</td>
          <tr>
         </tbody>
})}

コンソールの出力結果

id 1
program_id 1
tag タグ1
name なまえ1
kana かな1
input_form_id 1
approval false
approval_level 2
memo メモテスト1

Answer 1

こんなかんじでしょうか

//一覧データ、apiで取得したデータを格納する
~省略~
    const [ lists, setlists ] = useState([])
~省略~
return (
{Object.keys(posts).forEach(key => {
      console.log(key , posts[key])})}

       <tbody>
          <tr>
                <td>{lists.id}</td>
                <td><a>{lists.name}</a></td>
　　　　　　　　　 <td>{lists.memo}</td>
          <tr>
         </tbody>
})}

追記：listsが連想配列だと思い上記のコードをのせてしまいましたが、ただの配列でした。すみません。下記のpostsは連想配列で、その値としてただの配列であるlistが格納されているという構造ですか？

{Object.keys(posts).forEach(key => {
      console.log(key , posts[key])})}

Comments

[iiii]

{Object.keys(lists).forEach(key => {
console.log(key , lists[key])})}

申し訳ありません記入まちがいです。
postsではなくlistsです。

[caren]

そうなのですね。それでは編集可能ですので、ご自身のコードを正しいものへと修正してください。（その方が正しい回答が得られるかと思いますので）

そのうえで質問なのですが、listsはどのような配列なのでしょうか？

下記の初期化をみる限り、インデックスのある配列として宣言しているようですが、
const [ lists, setlists ] = useState([])

下記のように記載されているということはlistsという配列は[key]というキーをもつ連想配列ということなのでしょうか？
{Object.keys(lists).forEach(key => {
console.log(key , lists[key])})}