搭建自己的博客遇到的问题记录和备注1(react前端)

本文记录了使用React技术栈搭建个人博客过程中遇到的挑战和解决方案,包括配置、路由设置、组件化开发等关键步骤,旨在分享经验,帮助初学者避坑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

react
功能备注
get 请求登入页面
post请求登入请求
列表展示data.map(function (n){
 return (
<tr>                     <td>{n.uid}</td>                               <td>{n.uname}</td>                               <td>{n.endTime}</td>                            <td>——</td>                         </tr>                    )
ng反向代理解决前后端分离 
对象不支持“startsWith”属性或方法npm install --save babel-polyfill
import 'babel-polyfill'
div内容 变成一行增加display: block;
react saga不触发没有注册事件,       let request = yield take(NewArticleActionTypes.SAVE_ARTICLE);
在这里等待,注册了,触发后往下走
不同css文件 样式名相同导致互相影响修改名字
div并排 html设置属性:float: left;
div分行display:block
saga 调用call 后返回null,实际是返回response因为axios设置了返回值    responseType: 'json'
为json格式,返回的并非json格式导致
mapDispatchToProps将props属性和方法绑定,将子组件映射到根组件actions。它定义了哪些用户操作应该当做Action传给Store
mapStateToProps会订阅Store,每当state更新的时候,就会自动执行,重新计算UI组件的参数,从而触发UI组件的重新渲染。
remark().use(reactRenderer).processSync(this.props.content).contents 语句没用该语句解析的是md语句 不是html

Objects are not valid as a React child (found: object with keys {content}).

 If you meant to render a collection of children, use an array instead.

  return (
         <div>
           {content}
         </div>
        )这句话造成的,div不能放到content内
this.props.show_user_info is not a functionfunction mapDispatchToProps(dispatch) {
  return {
    show_user_info: bindActionCreators(show_user_info, dispatch),
  }
}  需要绑定
调用show_user_info 不改变状态没有配置监听:        case actionTypes.SHOW_USER_INFO:
            return {
                ...state, display: action.data
            };
 case actionTypes.SHOW_USER_INFO:
            console.log("action.data:"+action.display);            
            return {
                ...state, display: action
            };
返回的值为    show_user_info: function(display){
        return{
            type:actionTypes.SHOW_USER_INFO,
            display
        }
    }
点击提交按钮 自动处罚commit属性当前页面e.preventDefault();阻止事件冒泡
页面无法滚动由于body设置了:overflow: hidden;
    handleMouseOut = (key) => (e) => {
}
onMouseOut={this.handleMouseOut() 有括号
Not allowed to load local resource: 
页面返回304 ng静态页面会做缓存
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值