数组数据装换,数据处理

react遍历对象的方法:

//project 对象数据
{Object.keys(project).length > 0 ? (
            Object.keys(project).map((v, i) => (
              <div>
              {内容}
              </div>))) : (<div>Loading...</div>)}

              根据点击选项遍历对象
              //sum对象的键名,相当于数组索引
             // project[Object.keys(project)[sum]]   数组包对象
               { project[Object.keys(project)[sum]] && project[Object.keys(project)[sum]].map(item => {
              return (<div className='schedule-session-info' key={item.id}> </div>) })}

React是一个用于构建用户界面的JavaScript库。它由Facebook开发，并且被广泛应用于Web应用程序开发中。

React的主要特点包括：

1.组件化：React将用户界面拆分为独立的组件，每个组件具有自己的状态和属性。这种组件化的开发方式使得代码更加模块化、可复用和易于维护。

2.虚拟DOM：React使用虚拟DOM来提高性能。通过比较虚拟DOM与实际DOM的差异，React只更新需要改变的部分，而不是整个页面。这种优化使得React在处理大规模数据和频繁更新的情况下表现出色。

3.单向数据流：React遵循单向数据流的原则，数据从父组件向子组件传递，子组件不能直接修改父组件的数据。这种数据流的设计使得应用程序的状态变得可预测和可控。

4.生态系统丰富：React拥有庞大的生态系统，有许多社区开发的第三方库和工具可供选择，如React Router用于路由管理、Redux用于状态管理等。