OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-06 00:20:04 +01:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[Flight] Use valid CSS selectors in useId format (#33099)

Browse Source
This commit is contained in:
Sebastian "Sebbie" Silbermann 2025-05-04 13:47:32 +02:00 committed by GitHub
parent 0db8db178c
commit 0ca8420f9d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/react-client/src/__tests__/ReactFlight-test.js vendored
View File

@ -1957,8 +1957,8 @@ describe('ReactFlight', () => {
});
expect(ReactNoop).toMatchRenderedOutput(
<>
<div prop=":S1:" />
<div prop=":S2:" />
<div prop="«S1»" />
<div prop="«S2»" />
</>,
);
});
@ -1981,8 +1981,8 @@ describe('ReactFlight', () => {
});
expect(ReactNoop).toMatchRenderedOutput(
<>
<div prop=":fooS1:" />
<div prop=":fooS2:" />
<div prop="«fooS1»" />
<div prop="«fooS2»" />
</>,
);
});
@ -2021,8 +2021,8 @@ describe('ReactFlight', () => {
assertLog(['ClientDoubler']);
expect(ReactNoop).toMatchRenderedOutput(
<>
<div prop=":S1:">:S1:</div>
<div prop=":S1:">:S1:</div>
<div prop="«S1»">«S1»</div>
<div prop="«S1»">«S1»</div>
</>,
);
});

8
packages/react-server/src/ReactFlightHooks.js vendored
View File

@ -120,7 +120,13 @@ function useId(): string {
}
const id = currentRequest.identifierCount++;
// use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
return ':' + currentRequest.identifierPrefix + 'S' + id.toString(32) + ':';
return (
'\u00AB' +
currentRequest.identifierPrefix +
'S' +
id.toString(32) +
'\u00BB'
);
}
function use<T>(usable: Usable<T>): T {