在React中，可以通过使用React.memo或shouldComponentUpdate来避免在子组件上重新渲染。

1. 使用React.memo：

   import React from 'react';
   
   const ChildComponent = React.memo(({ prop }) => {
     return 
   {prop}
   ;
   });
   
   const ParentComponent = () => {
     const [count, setCount] = React.useState(0);
   
     const handleClick = () => {
       setCount(count + 1);
     };
   
     return (
       
   
         Increment
         
       
     );
   };
   
   export default ParentComponent;
   

   在这个示例中，ChildComponent使用React.memo进行包装。这将使得只有在prop发生变化时，ChildComponent才会重新渲染。

2. 使用shouldComponentUpdate：

   import React from 'react';
   
   class ChildComponent extends React.Component {
     shouldComponentUpdate(nextProps) {
       return this.props.prop !== nextProps.prop;
     }
   
     render() {
       return 
   {this.props.prop}
   ;
     }
   }
   
   const ParentComponent = () => {
     const [count, setCount] = React.useState(0);
   
     const handleClick = () => {
       setCount(count + 1);
     };
   
     return (
       
   
         Increment
         
       
     );
   };
   
   export default ParentComponent;
   

   在这个示例中，ChildComponent是一个类组件，并且重写了shouldComponentUpdate方法。该方法会检查prop的变化并返回一个布尔值，指示是否应该重新渲染组件。

无论是使用React.memo还是shouldComponentUpdate，都可以避免在子组件上重新渲染，提高React应用的性能。