How to "dynamically" `connect` to different states with React/Preact?
还没有人认领这个 Issue。
评估
- 难度
- 5/5
- 预计耗时
- 一周以上
- 新手友好度
- 25/100
- Issue 类型
- 功能
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript, react
- 领域
- frontend
调研方向
该 issue 提到了 connect API、一个具有动态 field_${id} 状态的 store 以及 MyComponent 示例，但没有文件或测试。首先追踪 connect 入口点及其订阅行为；完成标准是形成一种有文档说明或经过测试的方法，使组件仅连接到动态选择的状态，而不会产生不必要的重新渲染。
由索引模型根据 Issue 内容生成。
描述
I see that connect can be used like this:
connect( [ 'var1', 'var2' ], actions )
Which works well... however I want to init a component, and pass the state name into it somehow...
The problem: I have a store, which based on user interaction (from the dom) will create a new state object eg state.field_${id}, and then dynamically render a Preact component... I want to pass down the state name / ID into a preact component/wrapper so it can connect to its own state object - field_${id},
The only thing I can think of, is to just connect it to the whole state, pass in the ID, and then filter that out manually...
const allState = ( state ) => {
return state;
};
export const MyComponent = connect(
allState,
actions
)( ( props ) => {
const myState = props[ `field_${ props.id }` ];
return <>...</>;
} );
But it doesn't sit right with me, and the component would naturally re-render on any state change rather the part we're after... .
Is this possible / are there any other approaches I might have missed?
Thanks!
- 主要语言
- JavaScript
- 星标
- 2.8k
- 派生
- 134
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
developit/unistore 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 48/100
-
难度 2/5 1-3 小时 新手友好度 48/100
-
难度 5/5 一周以上 新手友好度 35/100
-
Errors with WMR未关闭
难度 3/5 1-2 天 新手友好度 25/100
-
难度 3/5 1-2 天 新手友好度 25/100
查看 developit/unistore 的全部 Issue
相似的 Issue
-
change request evaluating
难度 2/5 1-3 小时 新手友好度 72/100
sindresorhus/eslint-plugin-unicorn#3907 ·
维护者通常 1 天内回复
-
Android bug feature/error-tracking react-native team/error-tracking
难度 2/5 1-3 小时 新手友好度 72/100
PostHog/posthog-js#5310 · 1 条评论 ·
维护者通常 1 天内回复
-
Add Prettier and a format-check CI job可能已有人在做 @ezekielnathaniel070-ai 今天认领。 未关闭backend frontend good first issue Stellar Wave
难度 2/5 1-3 小时 新手友好度 75/100
OlaGreat/starbound-realms#98 · 1 条评论 ·
-
app request good first issue help wanted self-hosted app
难度 2/5 1-3 小时 新手友好度 75/100
Secra-Solutions/Conector#15 ·
-
Complexity: See issue making label epic good first issue Issue Making: Level 1 P-Feature: Project Info and Page role: back end/devOps role: front end size: 0.25pt time sensitive
难度 2/5 1 小时以内 新手友好度 65/100
维护者通常 1 天内回复