在onclick中调用函数后，React.js不会递增

是因为React.js采用了虚拟DOM的机制来管理页面的渲染和更新。在React.js中，当组件的状态或属性发生变化时，React会重新计算虚拟DOM树，并与之前的虚拟DOM树进行比较，找出需要更新的部分，然后只更新这些部分的真实DOM。

在onclick事件中调用函数后，如果没有显式地更新组件的状态或属性，React.js不会触发重新渲染。这是因为React.js通过比较虚拟DOM树来确定需要更新的部分，如果没有更新的内容，就不会进行重新渲染，从而提高性能。

如果想要在onclick事件中实现递增的效果，可以通过以下方式来实现：

1. 使用状态管理：在组件中定义一个状态变量，通过调用setState方法来更新状态，并在render方法中使用该状态变量来展示递增的值。例如：

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  const handleClick = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <button onClick={handleClick}>递增</button>
      <p>{count}</p>
    </div>
  );
}

1. 使用Ref：在组件中定义一个Ref对象，通过修改Ref对象的current属性来实现递增的效果。例如：

import React, { useRef } from 'react';

function MyComponent() {
  const countRef = useRef(0);

  const handleClick = () => {
    countRef.current += 1;
    // 强制重新渲染组件
    setCount(countRef.current);
  };

  return (
    <div>
      <button onClick={handleClick}>递增</button>
      <p>{countRef.current}</p>
    </div>
  );
}

以上是两种常见的实现递增效果的方式，具体选择哪种方式取决于具体的业务需求和组件的复杂度。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云函数（云函数）：https://cloud.tencent.com/product/scf
• 腾讯云云开发（云开发）：https://cloud.tencent.com/product/tcb
• 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（移动开发套件）：https://cloud.tencent.com/product/mob
• 腾讯云音视频服务（VOD）：https://cloud.tencent.com/product/vod
• 腾讯云网络安全（云安全）：https://cloud.tencent.com/product/safe
• 腾讯云服务器（云服务器）：https://cloud.tencent.com/product/cvm
• 腾讯云存储（云存储）：https://cloud.tencent.com/product/cos
• 腾讯云元宇宙（云游戏）：https://cloud.tencent.com/product/vg