Reactjs 更改输入时更改映射列表
我正在学习react,我想生成一个组件,用于从数组映射列表。然后我希望能够更新这个数组,列表也会更新 下面是一些示例代码:Reactjs 更改输入时更改映射列表,reactjs,Reactjs,我正在学习react,我想生成一个组件,用于从数组映射列表。然后我希望能够更新这个数组,列表也会更新 下面是一些示例代码: 功能列表项(道具){ 返回{props.value}; } 函数编号列表(道具){ 让数字=道具数字; 函数changeNumbers(){ 数字=[3,2,1]; } 返回( {number.map((number)=>( ))} ); } 常量数=[1,2,3,4,5]; ReactDOM.render( , document.getElementById(“根”
功能列表项(道具){
返回{props.value} ;
}
函数编号列表(道具){
让数字=道具数字;
函数changeNumbers(){
数字=[3,2,1];
}
返回(
{number.map((number)=>(
))}
);
}
常量数=[1,2,3,4,5];
ReactDOM.render(
,
document.getElementById(“根”)
);代码>
使用useState
并使用数字
道具作为初始值。更改时,调用状态分派函数(setNumbers
)更新组件的状态:
功能列表项(道具){
返回{props.value} ;
}
函数编号列表(道具){
const[numbers,setNumbers]=React.useState(props.numbers);
函数changeNumbers(){
集合数([3,2,1]);
}
返回(
{number.map((number)=>(
))}
);
}
常量数=[1,2,3,4,5];
ReactDOM.render(
,
document.getElementById(“根”)
);代码>
使用useState
并使用数字
道具作为初始值。更改时,调用状态分派函数(setNumbers
)更新组件的状态:
功能列表项(道具){
返回{props.value} ;
}
函数编号列表(道具){
const[numbers,setNumbers]=React.useState(props.numbers);
函数changeNumbers(){
集合数([3,2,1]);
}
返回(
{number.map((number)=>(
))}
);
}
常量数=[1,2,3,4,5];
ReactDOM.render(
,
document.getElementById(“根”)
);代码>
我已将您的代码段更新为使用显式片段组件(),这样它将在代码段中运行。获取可运行代码段的另一种方法是手动添加当前版本-堆栈溢出使用的版本太旧。我已将您的代码段更新为使用显式片段组件()因此,它将在代码段中运行另一种获取可运行代码段的方法是手动添加当前版本的-堆栈溢出使用的版本太旧。