reactjs - 使用 map() 函数时 props.data 未定义

Question

• 它在控制台中显示没有地图功能的数据
• 但每当我使用map它显示的功能时props.data，undifned也在undifined控制台中
• 我在另一个页面上使用了相同的代码并且有效

const Test_Footer = (props) => {
    console.log("ok", props.data)

    const newvar =props.data.map((item) => {
        return (
          <>
           <li>{item.data.id}</li> 
          </>  
        )
      })
    //   console.log(newvar)
    return (
        <div>
            <div class="main-content">
                <footer className="footer">
                    <div className="review-checkbox"><input type="checkbox" /><label>Review</label></div>
                    <div className="question-nav">
                        <ul className="pagination">
                            {newvar} 
                       </ul>
                        <button className="minimize-btn ml-10"><img src="images/minimize-btn.png" /></button>
                    </div>
                </footer>
            </div>
        </div >
    )
}
export default Test_Footer

标签： reactjs

Answer 1

const newvar = props && props.data && props.data.map((item) => {
        return (
            <>
                <li>{item.data.id}</li>
            </>
        )
    })