美文网首页
每日mark-8.16

每日mark-8.16

作者: TW李玥 | 来源:发表于2017-08-16 21:07 被阅读0次

基于前几天对React的学习,今天开始与张哲pair进行todomvc小demo的编写。我们先是对这个小demo的需求达成了共识,接下来就是如何开始一个从0到1的小demo。
如何开始呢?React官网为我们开始这个小demo提供了学习依据。
React理念-React
我们有了原型图像,就可以根据官方网站提供的步骤开始了。

第一步,把 UI 划分出组件层级

根据需要展示给用户的的模型分成了3组组件。

第二步,创建静态版本

根据组件可以完成静态组件的编码。

第三步,有state的是哪些

第四步,确定拥有state的组件

第五步,添加数据

我们首先需要完成的是可以在文本框中输入值,在文本框下面的table中可以显示我在text中输入的值,我们目前最大的问题是table捕获不到我在text中输入的值,试图可以用console.log可以追溯问题的根源,但是console.log一闪而过,只是可以看到控制台输出了我想知道的消息,使用form表单却不知道输入值提交到了哪里,如果不使用,则需要onchange()事件来触发可以输入文本框,然后使用onsubmit()来提交,但是依然捕获不到我输入的值。自我感觉目前比较困惑,不知道哪里可以确定问题,应该还是对React认识不够深入。
我下面的解决方法是希望可以通过学习别人的demo从中是否可以得到些许方法。

相关文章

  • 每日mark-8.16

    基于前几天对React的学习,今天开始与张哲pair进行todomvc小demo的编写。我们先是对这个小demo的...

  • 2019-05-04

    日行一善 每日读书 每日微笑 每日阅读 每日分享

  • 复盘126 2018-07-05

    学习方面: 每日单词 每日阅读 每日商务英语 每日开言英语 每日DDM视频一个 每日复盘 上课一节课 每日BBC听...

  • 每日复盘Day254

    米果果教育张滢 9月19复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起✅ 3.每日复盘✅ 【每日成就】 【每日...

  • 每日复盘Day277

    米果果教育张滢 10月24复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起 3.每日复盘✅ 【每日成就】 【每日...

  • 每日复盘Day310

    米果果教育张滢 12月8复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起✅ 3.每日复盘✅ 【每日成就】 【每日...

  • 每日复盘Day258

    米果果教育张滢 9月23复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起✅ 3.每日复盘✅ 【每日成就】 【每日...

  • 每日复盘Day256

    米果果教育张滢 9月21复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起✅ 3.每日复盘✅ 【每日成就】 【每日...

  • 每日复盘Day311

    米果果教育张滢 12月9复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起✅ 3.每日复盘✅ 【每日成就】 【每日...

  • 每日复盘Day266

    米果果教育张滢 10月8复盘 【每日目标】 1.每日瑜伽 ✅ 2.每日早起✅ 3.每日复盘✅ 【每日成就】 【每日...

网友评论

      本文标题:每日mark-8.16

      本文链接:https://www.haomeiwen.com/subject/wslwrxtx.html