betamee / reactblog Goto Github PK

  componentDidMount() {
    const {getTitleInput,getContentInput,editorState} = this.props;
    const realDom = findDOMNode(this.refs.textarea);//找到真实节点
    realDom.addEventListener('DOMSubtreeModified',e=>this.handleTextAreaChange(e));//监听DOM文本节点，获取文本数据
  }

<Router onUpdate={() => window.scrollTo(0, 0)} history={createBrowserHistory()}>
  ...
</Router>

require('babel-polyfill');
//加载样式钩子，补足服务端渲染无法识别CSS文件的情况
require('css-modules-require-hook')({
    extensions: ['.css'],
    generateScopedName: '[name]__[local]-[hash:base64:8]'
});
// Image required hook
//引入asset-require-hook，来识别图片资源，对小于8K的图片转换成base64字符串，大于8k的图片转换成路径引用。
require('asset-require-hook')({
    extensions: ['jpg', 'png', 'gif','webp'],
    limit: 10000
});
//处理字体
require('asset-require-hook')({
    extensions: ['ttf','woff','svg','eot','woff2'],
    limit: 10000
});

//启动服务端脚本
require('./server/server');

      <Route path="/" component={Layout}>
          <IndexRoute component={IndexContainer} />
          <Route path="/posts" component={PostsLayout}>   
             <IndexRoute component={Posts}/>
             <Route path="/posts/:id" component={PostOne}/>            
          </Route>
      </Route>

export const SendPostToServer = (title,content)=>{
//post by fetch  
}

import { createStore, combineReducers, applyMiddleware } from 'redux';
import { routerMiddleware, push } from 'react-router-redux'

// Apply the middleware to the store
const middleware = routerMiddleware(browserHistory)
const store = createStore(
  reducers,
  applyMiddleware(middleware)
)

// Dispatch from anywhere like normal.
store.dispatch(push('/foo'))

export const SendPostToServer = (title,content)=>{
  return (dispatch,getState)=>{
    dispatch(RequestPosts());//先表明正在请求
    return request.post(`/api/posts`,{title,content},{
              headers:{
                'Content-Type': 'application/json;charset=utf-8',
                'Authorization':`${GetTokenFromStorage()}`
              }
            })
            .then(res=>{
              let resStatus=res.data;
              if(!resStatus.success){
                dispatch(ErrorHandle(resStatus.message));
                dispatch(CreateOpenSnackbar());//开启snaker                                               
              }else{
                dispatch(GetPostSended(resStatus.message));
                dispatch(ChangePostsCounts(resStatus.counts));
                dispatch(CreateOpenSnackbar());//开启snaker        
                dispatch(push(`/posts`)); //通过react-router-redux进行切换                                    
                                                       
              }
            })
            .catch(err=>{
                dispatch(ErrorHandle(err.message));      
                dispatch(CreateOpenSnackbar());//开启snaker                                                         
            });
  }
}