在访问之前如何初始化我的数组

问题描述

在将代码变成函数之前，代码已经在工作，所以我试图找出区别和解决方法。

import React from 'react';

const Ninjas = ({list}) => {

    
    const ninjaList = list.map( ninjan => {
        return (
            <div className="ninja" key={ninjaList.id}>
            <div>Name : {ninjan.name}</div>
            <div>Age: {ninjan.age}</div>
            <div>Belt:{ninjan.belt}</div>
        </div>
        )
    })
    return(
        <div className="ninja-list">
            {ninjaList}
        </div>
    )
}


export default Ninjas

解决方法

您应该这样尝试：

import React from 'react';

const Ninjas = ({list}) => {
   
    const ninjaList = list.map( (ninjan,index)=> {
        return (
            <div className="ninja" key={index}>
            <div>Name : {ninjan.name}</div>
            <div>Age: {ninjan.age}</div>
            <div>Belt:{ninjan.belt}</div>
        </div>
        )
    })
    return(
        <div className="ninja-list">
            {()=>ninjaList()}
        </div>
    )
}


export default Ninjas

,

您可能在此行中有一个错字：

<div className="ninja" key={ninjaList.id}>

您引用的是列表，而不是list元素。

,

这是示例代码。

authSession.setRedirectUri(token.getNote(OIDCLoginProtocol.REDIRECT_URI_PARAM));
authSession.setAuthNote(AuthenticationManager.END_AFTER_REQUIRED_ACTIONS,"true");
authSession.setAuthNote(AuthenticationManager.SET_REDIRECT_URI_AFTER_REQUIRED_ACTIONS,"true");
authSession.setAuthNote(AuthenticationManager.END_AFTER_REQUIRED_ACTIONS,"true");