class App extends React.Component { state = { month: '三月', day: '28', once: '学习React', twice: '40分钟' } render () { return ( <div className="one"> <div className="two"> <div className="date"> <div className="month">{this.state.month}</div> <div className="day">{this.state.day}</div> </div> <div className="content"> <div className="once">{this.state.once}</div> <br/> <div className="twice">{this.state.twice}</div> </div> </div> </div> ) } } ReactDOM.render(<App />, document.getElementById('root'))

这是一个 React 组件，它会在页面上渲染一个日历和待办事项列表。组件中的 state 包含了月份、日期、一次性任务和二次性任务。在 render 方法中，通过 JSX 语法将这些数据渲染到了页面上。其中，className 用于指定样式类名，div 标签用于表示页面上的元素。最后，通过 ReactDOM.render 方法将组件渲染到了页面上。