<div>をforでまわして複数作成してからliの間に returnする構造なのですが(表示は正常にできています)forで作成した divにrefを動的につけているのですが、なぜかそれが取得しても undifineになります。。 ためしに、forとは関係ないthis.ulの方も取得してみたのですが、 そちらは問題ありません。 また、console.log(this)だけにすると ちゃんと、 test0:<div test1:<div test2:<div test3:<div とchromeの開発ツールのコンソールには表示されているのですが、 console.log(this.test0)とするとなぜだかundifineに・・・import React from 'react'; class Test extends React.Component { constructor(props) { super(props); } componentDidMount = () => { console.log(this.ul);←取得可能 console.log(this.test0);←undifine } render() { const count= 4; let lists = []; for (let i = 0; i < count; i++) { let list = ( <div ref={(div) => this["test"+i] = div}>{i}</div> ); lists.push(list); } return ( <div> <ul ref={(ul) => this.ul = ul}> <li> {lists} </li> </ul> </div> ); } } export default Test;
何か見落としありますでしょうか・・・
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/04 13:45