Javascript 如何在react中呈现扩展对象表示法状态

Javascript 如何在react中呈现扩展对象表示法状态,javascript,reactjs,web-applications,react-forms,Javascript,Reactjs,Web Applications,React Forms,研究下面的react代码:我需要在段落文本中显示用户选择的列表。事件处理程序对我来说似乎很好,只是不知道在对象上呈现什么 你的饮食限制: //这里应该有一些代码 如果用户选择了多个选项,则显示应为单独的列表 import React,{Component}来自“React”; 类应用程序扩展组件{ //管理状态 构造函数(){ 超级(); 此.state={ 饮食限制:{ isVegan:错, 伊斯科舍:错, isLactoseFree:false } } this.handleOnchang

研究下面的react代码:我需要在段落文本中显示用户选择的列表。事件处理程序对我来说似乎很好,只是不知道在对象上呈现什么

你的饮食限制: //这里应该有一些代码

如果用户选择了多个选项,则显示应为单独的列表

import React,{Component}来自“React”;
类应用程序扩展组件{
//管理状态
构造函数(){
超级();
此.state={
饮食限制:{
isVegan:错,
伊斯科舍:错,
isLactoseFree:false
}
}
this.handleOnchange=this.handleOnchange.bind(this);
}
//自定义函数
更改(事件){
常量{name,value,type,checked}=event.target
类型==“复选框”?此.setState(prevState=>{
返回{
饮食限制:{
…以前的州饮食限制,
[姓名]:选中
}
}
}):this.setState({
[名称]:值
})
}
render(){
返回(
素食主义者?

犹太教徒?
不含乳糖?
你的饮食限制: {/*我应该在这里写些什么来将选择显示为列表???*/}

) } }
导出默认应用程序是否要映射对象键/值?aka使用
对象。条目