hupeh/react-admin-kit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

简单测试记录上下文

Browse Source
This commit is contained in:
maofeng 2025-06-19 22:42:13 +08:00
parent 02b54e1cda
commit c336615c68
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.tsx
View File

@ -1,8 +1,8 @@
import "./App.css";
import { RecordProvider, useNamedRecord, useRecord } from "./core/record";
import { RecordContextProvider, useRecordContext } from "./core/record";
function Consumer({ name }: { name: string }) {
const record = useNamedRecord<{ text: string }>(name);
const record = useRecordContext<{ text: string }>(name);
return (
<div
style={{
@ -20,7 +20,7 @@ function Consumer({ name }: { name: string }) {
}
function RecordConsumer() {
const record = useRecord<{ text: string }>();
const record = useRecordContext<{ text: string }>();
return (
<div
style={{
@ -42,16 +42,16 @@ const App = () => {
<div className="content">
<h1>Rsbuild with React</h1>
<p>Start building amazing things with Rsbuild.</p>
<RecordProvider name="a" value={{ text: "aaa Rsbuild message" }}>
<RecordProvider name="av" value={{ text: "vvv with Rsbuild" }}>
<RecordContextProvider name="a" value={{ text: "aaa Rsbuild message" }}>
<RecordContextProvider name="av" value={{ text: "vvv with Rsbuild" }}>
<Consumer name="av" />
<Consumer name="a" />
<RecordConsumer />
</RecordProvider>
</RecordContextProvider>
<Consumer name="a" />
<Consumer name="x" />
<RecordConsumer />
</RecordProvider>
</RecordContextProvider>
</div>
);
};