react core concepts

发布时间:2019-06-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了react core concepts脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

图片描述

核心概念

转换[Transformation]

UI 是数据的一种表现形式

抽象[Abstraction]

所有的UI都是一些可重用的块资

因为一个方法很难适应复杂的UI,所以大多的做法是在一个方法里面调用另外一些方法(可以重复的组件),例如:一个button就可以作为一个组件,需要的时候去调用。

组件容器[Container]

实现真正意义上的重用特性,需要构建一些组件封装成容器,用的时候直接调用。
function fancyBox(children) {
  return {
    borderStyle: '1px solid blue',
    children: children
  };
}

function UserBox(user) {
  return FancyBox([
    'Name: ',
    NameBox(user.FirstName + ' ' + user.lastName)
  ]);
}

数据状态[State]

We thread functions through that can update state as a single atom at the top.

待续

参考资料
react-base
veinso

脚本宝典总结

以上是脚本宝典为你收集整理的react core concepts全部内容,希望文章能够帮你解决react core concepts所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。