react redux学习1

最新推荐文章于 2025-05-15 15:58:43 发布

原创最新推荐文章于 2025-05-15 15:58:43 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用React结合Redux进行前端开发，包括环境搭建、创建React应用、使用Redux管理状态等。通过具体示例展示了React组件渲染及箭头函数的应用。

https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree
以上为学习资料
安装参见下面说明：
https://facebook.github.io/react/
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
开发工具：webstorm 
fuction addb(a,b){ return a+b}  
相对应的箭头函数为：
const addb={a,b}=>｛ return a+b｝ 跟上面等同。
const addb={a,b}=>a+b;  此为上面的简写吧。

let names=[
    "aaaa",
    "bbbb",
    "cccc",
];


ReactDOM.render(
    <div>
        {
            names.map(function (name) {
                return <h1>{name}</h1>
            })
        }
    </div>
    ,
    document.getElementById('root1')
);


箭头函数改为：
let names=[
    "aaaa",
    "bbbb",
    "cccc",
];

let newnames=[

];
ReactDOM.render(
    <div>
        {
            names.map(function (name) {
                return <h1>{name}</h1>
            })
        }
    </div>
    ,
    document.getElementById('root1')
);



let names=[
    "aaaa",
    "bbbb",
    "cccc",
];

let newnames=[

];
ReactDOM.render(
    <div>
        {
            names.map((name)=> <h1>{name}</h1>
            )
        }
    </div>
    ,
    document.getElementById('root1')
);