在React中，避免重新渲染包含子属性的组件可以使用React.memo()来进行优化。React.memo()是一个高阶组件，它可以包装一个函数组件并返回一个新的优化后的组件。

下面是一个示例代码：

import React from 'react';

// 子组件
const ChildComponent = React.memo(({ value }) => {
  console.log('子组件重新渲染');
  return (
    
{value}
  );
});

// 父组件
const ParentComponent = () => {
  const [count, setCount] = React.useState(0);

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

  console.log('父组件重新渲染');

  return (
    

      增加
      
    
  );
};

export default ParentComponent;

在上面的示例中，我们使用了React.memo()来包装了子组件ChildComponent。这样，只有在value属性发生变化时，子组件才会重新渲染。

另外，为了验证子组件是否重新渲染，我们在子组件和父组件中使用了console.log()打印输出。

通过运行以上代码，我们可以看到控制台输出中，只有当点击增加按钮时，父组件才会重新渲染，而子组件不会重新渲染。

这样就实现了避免重新渲染包含子属性的组件的效果。