开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >在呈现之前，我可以计数JSX中的元素吗？

问在呈现之前，我可以计数JSX中的元素吗？
EN

Stack Overflow用户

提问于 2016-06-28 00:27:39

回答 1查看 737关注 0票数 0

我有一堂课里面有张桌子。问题是，其中列的数量可能会有所不同。当没有数据加载到表中时，我需要使用<td colSpan="#"></td>在这里显示一条类似于“无数据”的消息。我需要为colSpan确定表中的列数，换句话说，我想要计算表头中th元素的数量。在render方法中是可能的，还是有更好的方法？

我想我可以在没有“无数据”消息的情况下呈现该表，然后使用jQuery在componentDidUpdate中插入它，但有些东西告诉我这是个坏主意……

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-28 00:33:42

您可以使用反应儿童实用程序来确定内部是否有任何元素(考虑到您有一个父Table元素来包装TableRow或TableHeader元素)。我认为这将是这里最适当的办法。

这样，您就可以动态地呈现内容，还可以知道需要呈现多少个元素。

您可能要寻找的更确切的是React.Children.count。

票数 3

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38070915

复制

相关文章

React MobX 开始

javascript react mobx https ecmascript

MobX[1] 用于状态管理，简单高效。本文将于 React 上介绍如何开始，包括了：

GoCoding

2021/12/30

1.1K0

React 进阶 - React Mobx

react mobx 对象数据通信

Mobx 采用了一种'观察者模式'—— Observer，整个设计架构都是围绕 Observer 展开：

Cellinlab

2023/05/17

9050

React 进阶 - React Mobx

vue.js mobx ecmascript react redux

也就是说，只要知道哪些东西是状态相关的（源于应用状态），在状态发生变化时，就应该自动完成状态相关的所有事情，自动更新UI，自动缓存数据，自动通知server

ayqy贾杰

2019/06/12

1.1K0

【转】Mobx React 最佳实践

react mobx api ecmascript 腾讯云测试服务

在这一篇文章里，将展示一些使用了mobx的React的最佳实践方式，并按照一条一条的规则来展示。在你遇到问题的时候，可以依照着这些规则来解决。这篇文章要求你对于mobx的stores有基本的理解，如果没有的话请先阅读官方文档。

Tiffany_c4df

2019/12/07

1.4K0

MobX 在 React Native开发中的应用

react reactnative

MobX 是一款精准的状态管理工具库，如果你在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，那毫不犹豫地说，MobX 的简单性将成为你状态管

xiangzhihong

2018/01/26

12.6K0

mobx ecmascript react redux 渲染

由于redux需要写很多繁琐的action和reducer，很多项目也没有复杂到需要用到redux的程度却强上了redux，导致不少人对redux深恶痛绝。mobx是另一种流行的状态管理方案，这里分享一下我最近使用mobx的经验。

尹光耀

2021/10/19

9000

MobX 在 React Native开发中的应用

reactnative javascript

MobX 是一款精准的状态管理工具库，如果你在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，那毫不犹豫地说，MobX 的简单性将成为你状态管

xiangzhihong

2018/02/06

12.1K0

MobX 在 React Native开发中的应用

博文精选|MobX — 10分钟极速入门 MobX 与 React

http://eyehere.net/2016/mobx-getting-started/(点击阅读原文前往)

java达人

2018/12/18

5060

实现简版 react 状态管理器 mobx

mobx 是一个简单可扩展的状态管理库，中文官网链接。小编在接触 react 就一直使用 mobx 库，上手简单不复杂。

测不准

2022/08/07

1.4K0

实现简版 react 状态管理器 mobx

mobx ecmascript react

mobx 响应式状态管理库安装 // npm npm i --save mobx // yarn yarn add mobx 基础概念所谓的响应式，既是将原有数据结构,例如数组，对象等转变为可观察对象, 通过对可观察对象的监控，当数据变化做出对应的动作，所以可以大概归纳为: 构建观察对象设置响应动作在mobx中构建观察对象存在两种模式函数模式装饰器模式(针对类定义) 函数模式创建观察对象 // 引入mobx import { observable } from 'mobx' // 对

copy_left

2019/08/21

1K0

React-native组件库列表

react ios svg github mobx

思维导图版本 React-native组件库列表 react-native 对 react 对数据管理 mobx-react 对 mobx UI @ant-design/react-native 对 Toast 加入Provider 其他不清楚模糊效果 @react-native-community/blur 对视频 https://github.com/chaimPaneth/react-native-jw-media-player 获取原生图片 react-native-image-picker

爱吃大橘

2022/12/27

1.6K0

使用 React&Mobx 的几个最佳实践

react api linux

Mobx 是我非常喜欢的 React 状态管理库，它非常灵活，同时它的灵活也会给开发带来非常多的问题，因此我们在开发的时候也要遵循一些写法上的最佳实践，使我们的程序达到最好的效果。

ConardLi

2020/11/26

1.4K0

mobx redux react vue.js

在过去的项目中一直用的都是 Redux，觉得挺不错的，按照官方推荐的一些写法，再加上团队风格，打造了一套关于 Redux 的架构，但是，现在觉得写 Action、Reducer 太繁琐，随着业务不断的增量，相应的文件和代码也会不断的增加，而且对新人来说不是非常友好(理解 Redux 比较困难)，听说一方诸侯 MobX 非常不错，所以在尝试使用了，目前项目中两套架构都是并存，写下自己的一些感想。

发声的沉默者

2021/06/14

5670

React+Mobx写法更像Vue了

编程算法 react mobx ecmascript api

Mobx是一个功能强大，上手非常容易的状态管理工具。就连redux的作者也曾经向大家推荐过它，在不少情况下你的确可以使用Mobx来替代掉redux。本教程旨在介绍其用法及概念，并重点介绍其与React的搭配使用。

javascript.shop

2019/09/04

1.7K0

【React】export ‘makeObservable‘ (imported as ‘makeObservable‘) was not found in ‘mobx‘

mobx 解决方案

问题描述： WARNING in ./node_modules/mobx-utils/mobx-utils.module.js 629:8-22 export 'makeObservable' (imported as 'makeObservable') was not found in 'mobx' 如下图所示：解决方案：降级 mobx-utils 为 5.6.2，如下： npm i mobx-utils@5.6.2 --force

White feathe

2022/05/11

4340

【React】export ‘makeObservable‘ (imported as ‘makeObservable‘) was not found in ‘mobx‘

Mobx+Mobx-React快速上手简单可扩展的状态管理解决方案

react mobx redux ecmascript babel.js

Mobx是Redux之后的一个状态管理库，基于响应式状态管理，整体是一个观察者模式的架构，存储state的store是被观察者，使用store的组件是观察者。Mobx可以有多个store对象，store使用的state也是可以变对象，这些都是与Redux的不同点，相比较于Redux，Mobx更轻量，也更受开发者的青睐。

憧憬博客

2020/07/20

1.2K0

状态管理库 MobX 和 react

mobx ecmascript react 编程算法

很多人把 MobX 当作另外一个 Redux，但是它仅仅是一个库，不是一个什么架构。上面的例子还是需要程序员自己去组织逻辑和 store 或者控制器什么的.

西南_张家辉

2021/02/02

5370

【MobX】MobX 简单入门教程

react mobx ecmascript

<img src="http://images.pingan8787.com/blog/mobx.png" width="120px"/>

pingan8787

2019/10/24

1.5K0

【MobX】391- MobX 入门教程（下）

mobx ecmascript react webpack javascript

在上一部分内容中，我们了解到，对可观察的数据做出反应的时候，需要我们手动修改可观察数据的值。这种修改是通过直接向变量赋值来实现的，虽然简单易懂，但是这样会带来一个较为严重的副作用，就是每次的修改都会触发 autorun 或者 reaction 运行一次。多数情况下，这种高频的触发是完全没有必要的。

pingan8787

2019/10/30

9100

【MobX】391- MobX 入门教程（下）

react 的数据管理方案：redux 还是 mobx？

mobx ecmascript redux mapreduce http

和 redux 类似，mobx 是一个数据管理库，都可以和 react 配合使用。它区别于 redux 的最大特点是，可以直接修改数据，对 UI 进行精确刷新。精确更新是什么意思呢，看下面的例子。

IMWeb前端团队

2019/12/03

2.1K0

react 的数据管理方案：redux 还是 mobx？

相似问题

将项目添加到ListView

23

将图像添加到listView

17

将图像添加到ListView

11

将图像添加到ListView

11

是否将项目添加到ListView？

31

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例