类中
import { PureComponent, useState } from 'react';
import ReactDOM from 'react-dom';
class Child extends PureComponent {
name = () => {
console.log('name');
};
render() {
console.log('sub renders');
return <div>child</div>;
}
}
class Father extends React.Component {
constructor() {
super();
this.state = {
count: 0,
};
}
name = () => {
console.log('name');
};
render() {
console.log('render');
return (
<div>
{this.state.count}
<Child name={this.name} />
<button
onClick={() => {
this.setState({
count: 1,
});
}}
>
xss 点我呀!!
</button>
</div>
);
}
}
函数
function Father() {
console.log('render');
const [count, setCount] = useState(0);
const name = () => {
console.log('name');
};
return (
<div>
{count}
<Child name={name} />
<button
onClick={() => {
setCount(count + 1);
}}
>
xss 点我呀!!
</button>
</div>
);
}
ReactDOM.render(<Father />, document.getElementById('root'));