INPUT TILES 源码

React Fidget应用实验室(React状态实验室) 目标 在本实验中,您将创建一个数字烦恼玩具-它将使用存储状态的功能组件。 就像真正的坐立不安微调器和坐立不安立方体具有可移动的部分一样,该应用程序除了在用户单击按钮,键入文字并选择颜色时给出一些有趣的视觉响应外,不会做任何其他事情。 查看,看看您将要构建什么。 入门 使用git clone克隆此存储库 cd进入实验室 npm install npm start 实验室 总体而言,我们将把App.js的代码转换为存储状态的功能组件。 检查App.js和Components/TextInput.js的代码。 注意, 组件已经在App.js完成,并且将成为其他具有状态的功能组件的模式。 转到名为的第二个组件,该组件在span中显示名称为dateOutput的日期input选择。