Giter Site home page Giter Site logo

todolist2's Introduction

npm run start

说明: react使用 redux provier

1.index.js文件引入react-redux中的Provider组件,传入store参数,那么在Provider中包含的组件都可以共享store参数

2.connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options]) 在react-redux中使用connect将组件和store做连接。mapStateToProps 会将state挂载到组件的props上, mapDispatchToProps将store.dispatch方法挂在到props上,所以通过组件的props就可以得到状态和方法。 由此可以发现TodoList实际上可以当做UI组件,而通过connect返回的是一个容器组件。

3.需要注意事件的绑定问题。 绑定事件的方法是通过绑定匿名函数,或者借助bind

  • {handleDelete(index);}} key={index} > {item}
  • {item}
  • 具体用法看代码里面的注释吧

    todolist2's People

    Contributors

    lunay1016 avatar

    Watchers

    James Cloos avatar  avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.