我有一个有状态的组件,该组件从api调用获取数据。我想为该数组的每个项目打印一个新段落。现在,它为每个项目打印一个新段落,但该段落包含整个数组。
function ContentFunction () {
const [value, setValue] = useState([]) //init with empty array
function sendText (data) {
setValue([...value, data]) //Push new data into array
}
async function handleClick (event) {
switch (event.target.id) {
case 'createSalesOrder':
{
const res = await axios.post('http://localhost:5000/', {
buttonClicked: 'createSalesOrder'
})
sendText(res.data)
break
}
default:
console.log('click didnt work')
}
}
return (
<main>
<div className='container'>
<Form>
<Form.Group>
<Button variant='success' className='button' onClick={handleClick} id='createSalesOrder'>Create Sales Order</Button>
</Form.Group>
</Form>
{/* Here I want to create a new Paragraph for every Entry of the Array
{value.map(item => <p key={value}>{value}</p>)} //render value array
</div>
</main>
)
}
我有一个有状态的组件,该组件从api调用获取数据。我想为该数组的每个项目打印一个新段落。现在,它为每个项目打印一个新段落,但是该段落...
您快到了
您已经关闭,只需在地图中调用item变量: