import React, { Component } from 'react' import './index.scss' export default class Progream extends Component { constructor(props) { super(props); this.state = { list: [ { q: '课程学习周期是多久?', a: '每天学习1小时,课程采用通关制解锁的方式,根据自己的时间和学习速度灵活调整。' },{ q: '我没有机器学习基础可以学习吗?', a: '我们的课程是面向零基础的小伙伴设计的,内容通俗易懂,由浅入深,层层递进,尽可能帮助大家理解并且掌握所学知识,没有任何基础是可以学习的。' },{ q: '学习过程中遇到了困难怎么办?', a: '我们为学员配备了专门的助教,有问题随时可以咨询助教老师。' },{ q: '项目实战的形式是什么样的?', a: '项目实战会以考试的形式发给你,每一步都有详细的指导说明;提交试卷后可以下载完整的参考代码进行巩固复习。' } ] } } render() { const {list} = this.state; return ( <div className={'pro_container'}> <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/pro_left.png" alt=""/> <p>常 / 见 / 问 / 题</p> <ul> { list.map((item, index)=>{ return (<li key={index} className={'q_item'}> <div className={'q'}> <p>{`Q:${item.q}`}</p> <span></span></div> <div className={'a__container'}> <div>A:</div> <p>{item.a}</p> </div> </li>) }) } </ul> </div> ) } }