使用React写一个网站的心得体会-

class InputComponent extends Component {
  constructor () {
    super()this.state = {
      value: &＃39;&＃39;}
  }
  valInput (e) {
    let value =  e.target.valuethis.setState({value})this.props.inputChange(value)
  }
  render () {return   }
}

class ParentComponent extends Component {
  constructor () {
    super()this.state = {
      val: &＃39;&＃39;}
  }
  inputChange (val) {this.setState({val})
  }
  render () {return (      
{this.state.val}
      
    )
  }
}

class InputComponent extends Component {
  render () {
    let {val, inputChange} = this.props// 这里的val并不是必须的，但是当一个值来自非输入控件的时候，如可编辑的div，ace在每次执行render函数的时候都会导致原来输入的值被清空。return   }
}

class ParentComponent extends Component {
  constructor () {
    super()this.state = {
      val: &＃39;&＃39;}
  }
  inputChange (e) {this.setState({val: e.target.value})
  }
  render () {
    let val = this.state.valreturn (      
{val}
      
    )
  }
}

function root () {  this.path = &＃39;/&＃39;  this.compOnent= require(&＃39;pages/index&＃39;).default}function demo () {  this.path = &＃39;demo&＃39;  this.getCompOnent= (nextstate, cb) => {
    require.ensure([], (require) => {
      cb(null, require(&＃39;pages/demo&＃39;).default)
    })
  }
}
const createRoute = (R) => {
  let route = new R()
  route.childRoutes = route.childRoutes && route.childRoutes.map(r => createRoute(r))  return route
}

export default [root, demo].map((route) => createRoute(route))

export default class ArticleReducer {
  [AAS.ARTICLE_REQUEST_STATE] (state, action) {return Object.assign({}, state, {loading: action.loading})
  }
  [AAS.ARTICLE_SEARCH_STATE] (state, action) {return Object.assign({}, state, {searching: action.searching})
  }
}

const reducers = {}
const AR = new ArticleReducer()
const NR = new NewsReducer()
reducers.articles = (state = initState.article, action) => {  return AR[action.type] ? AR[action.type](state, action) : state
}
reducers.editor = (state = initState.editor, action) => {  return ER[action.type] ? ER[action.type](state, action) : state
}