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

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

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

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

使用状态管理：在组件中定义一个状态变量，通过调用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>
  );
}

使用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>
  );
}

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

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