amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs(act.md): correct ReactDOM to ReactDOMClient (#7156)

Browse Source 
* docs(act.md): correct ReactDOMClient to ReactDOM

* docs(act.md): switch the import to ReactDOMClient instead
This commit is contained in:
Reg Chiu
2024-10-01 00:54:54 +08:00
committed by GitHub
parent d418485aed
commit c7392cbcc1
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/content/reference/react/act.md
View File

@@ -90,7 +90,7 @@ To test the render output of a component, wrap the render inside `act()`:
```js {10,12}
import {act} from 'react';
import ReactDOM from 'react-dom/client';
import ReactDOMClient from 'react-dom/client';
import Counter from './Counter';
it('can render and update a counter', async () => {
@@ -99,7 +99,7 @@ it('can render and update a counter', async () => {
// ✅ Render the component inside act().
await act(() => {
ReactDOM.createRoot(container).render(<Counter />);
ReactDOMClient.createRoot(container).render(<Counter />);
});
const button = container.querySelector('button');
@@ -119,7 +119,7 @@ To test events, wrap the event dispatch inside `act()`:
```js {14,16}
import {act} from 'react';
import ReactDOM from 'react-dom/client';
import ReactDOMClient from 'react-dom/client';
import Counter from './Counter';
it.only('can render and update a counter', async () => {
@@ -174,4 +174,4 @@ global.IS_REACT_ACT_ENVIRONMENT=true
In testing frameworks like [React Testing Library](https://testing-library.com/docs/react-testing-library/intro), `IS_REACT_ACT_ENVIRONMENT` is already set for you.
</Note>
</Note>