typescript 相关问题

drizzle-kit 推送：pg“serial”无法识别

我有一个后端项目保存在使用 Drizzle ORM 的存储库中，克隆在 2 台具有最新 Posgtres 映像的 PC（Win 和 MacOS）上。推送架构仅适用于 MacOS，在 Win 上出现错误 > ...

React Redux Toolkit 访问对象数组内的值

组件： const postState = useSelector((state: RootState) => state.postsSlice.posts); { postState?.map((post) => { 返回 （ 成分： const postState = useSelector((state: RootState) => state.postsSlice.posts); { postState?.map((post) => { return ( <PostCard key={post.id} title={post.title} description={post.body} user={post.user} voteCount={post.upvotes - post.downvotes} onClick={() => navigate(`/posts/${subredditId}/post/${post.id}`)} /> ); }); } 我正在使用 React TypeScript 开发一个 Reddit 克隆项目。我将来自 api 的数据作为以下类型的对象数组： export type Posts = Post[]; export type Post = { id: string; title: string; user: string; body: string; upvotes: number; downvotes: number; }; 然后我将数据存储在 redux 工具包中，如下所示： type PostsArray = { posts: Array<Post>; }; const initialState: PostsArray = { posts: [] }; const PostsSlice = createSlice({ name: "PostsSlice", initialState: initialState, reducers: { setPostsData(state, action: PayloadAction<Array<Post>>) { state.posts = action.payload; }, }, }); export const { setPostsData } = PostsSlice.actions; export default PostsSlice.reducer; 当我映射组件中的对象时，我通过从赞成票中减去反对票来显示 Reddit 投票计数。 我想做的是能够对不同的帖子投赞成票和反对票，并将投票存储在 redux 中。我考虑过增加赞成票的调度和增加反对票的调度。但我不知道该怎么做。我不知道如何获得 redux 中特定帖子的点赞。有什么想法吗？ 对于这种情况，您可以添加一个减速器来获取帖子 ID 并使用操作负载上传递的值更新它，如下所示： 减速机 const PostSlice = createSlice({ name: "PostSlice", initialState: initialState, reducers: { setPostsData(state, action: PayloadAction<Array<Post>>) { state.posts = action.payload; }, // reducer to change the vote count updateVoteCount( state, // in the vote payload you can use an enumerate // if you want to avoid typos action: PayloadAction<{ id: string; vote: string }> ) { // find the post by id const post = state.posts.find((post) => post.id === action.payload.id); if (!post) return; if (action.payload.vote === "up") { // update the vote depending on payload vote parameter post.upvotes += 1; } if (action.payload.vote === "down") { post.downvotes += 1; } } } }); 明信片 由于您没有提供您的代码PostCard我做了一个简单的例子只是为了向您展示： const PostCard = (props: PostCardProps) => { const dispatch = useDispatch(); return ( <div> <h2>{props.title}</h2> <p>{props.description}</p> <p>{props.user}</p> <p>{props.voteCount}</p> <div> <button onClick={() => //Dispatch the action with vote "up" dispatch(updateVoteCount({ id: props.id, vote: "up" })) } > Up vote </button> <button onClick={() => // dispatch with vote "down" dispatch(updateVoteCount({ id: props.id, vote: "down" })) } > Down vote </button> </div> </div> ); }; export default PostCard; 请检查工作示例。

启动时在 Angular 模板中定义 div 的样式

我有这个div 我有这个div <div class="relative rounded overflow-clip border w-full" [style.aspect-ratio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" [alt]="media.value.caption" [style.object-fit]="media.value.fit" (click)="insertMedia()"> </div> 在启动时，我尝试根据模型分配长宽比，但它不适用，有什么问题吗？ 我的模型长宽比是16:9，即使在浏览器中检查，我的风格也从未被应用过。 但是当我在应用程序运行时更改纵横比（通过单击按钮）时，它就可以工作了。 你可以尝试一下，aspectRatio而不是aspect-ratio <div class="relative rounded overflow-clip border w-full" [style.aspectRatio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" [alt]="media.value.caption" [style.objectFit]="media.value.fit" (click)="insertMedia()"> </div>

复制子类的抽象函数的正确返回类型

我有一个抽象类，它有一个公共实例方法 copy() 用于复制自身（以避免改变数据）。然而，实际创建 copy() 的逻辑存在于受保护的抽象中

使用早期返回来缩小类型范围以推断对象包含属性

我正在为一个对象编写类型保护。我使用早期返回来保持缩进的可读性，但这个例子是人为的。 我知道 Typescript 缩小仍然有很多漏洞，还有更多

使用MUI DataGrid，如何在Change时更新单元格状态？

我需要什么：我正在使用 MUI DataGrid > 5。我需要单元格中填充的数据自动更改状态（onChange）。此时此刻，我有一个 useEffect 正在监听这些 c...

Typescript 中的 Intersection Observer 在 useRef 中抛出错误

我这里有一个运行完美的文本动画。我现在要添加的是一个 Intersection Observer，这样动画只有在我向下滚动到 Box 时才开始。 所以我做了什么来实现......

React State 未从 prop 初始化

我正在使用 React 和 TypeScript。我是 React 新手，我不确定如何确保子组件根据传递给它的 prop 正确设置状态。 我正在传递一个来自父母的对象

是否可以在 TypeORM 中使用 TypeScript 联合类型？

TypeORM 实体是否可以拥有由多种不同类型组成的字段？在纯 TypeScript 中，我会创建我想要的内容，如下所示： 类型自定义类型 = 锻炼 |照片 界面...

使用 Decimal 库而不是 IEEE 754 数学的编译为 JavaScript 选项？

在 JavaScript 0.1 + 0.2 = 0.30000000000000004 中，浮点数学是否被破坏？解释了原因是因为 IEEE 754 数学。我正在处理财务/会计领域的应用程序，并且想要一个...

修复 NextJs 应用程序中找不到页面错误的方法

我有以下文件夹结构 源代码/ ├── 应用程序/ │ ├── 页数/ │ │ ├── 认证/ │ │ │ ├── 注册/ │ │ │ │ └── page.tsx │ │ │ └── 登录/ │ │ │ └── 页码....

Axios 错误：无法获取本地颁发者证书

我在使用 Axios 提交请求时遇到错误。 让 getConfig = { 标头：{'PTToken'：'令牌'}， 参数：{ '过滤器 ID': `${id}` } } ...

AWS CDK ec2.Instance userData....不持久:(

我正在尝试使用 AWS CDK 启动 ec2 实例，在大多数情况下它运行良好，但我希望 userData 保留下来，以便它在每次启动时运行...令人烦恼的是，这没有记录在案（任何地方...

Apache Echarts 无法工作。错误-图例数据应与系列名称或数据名称相同

Apache Echarts 无法工作。错误 - 图例数据应与系列名称或数据名称相同。 即使我的系列名称和图例数据中的名称匹配，它也会给出上述错误......

如何将 DTO 映射到打字稿中的实体？

在我的项目中，我使用Vue + TypeScript和Axios从后端获取对象。所以，我有一个像这样的对象类型： 班级公告{ id！：字符串； 描述？：字符串； 交易？： 交易；...

如何从地图函数获取2个属性

我想使用map函数从数组中获取2个属性。我知道可以获取 1 个属性，但我想获取 2 个属性，然后以字符串形式显示。 var us1 = { name: "[email protected]...

Next.js 中间件没有在生产环境中正常执行

我最近将我的项目从 Next.js 14 的页面路由器迁移到应用程序路由器。我们使用两种不同的布局，因此我们的应用程序目录如下所示： |-- 应用程序 |---（主要） |---- 拉...

Next 13 出现下一个身份验证生产构建错误

我正在使用 next js 版本 13.5.5 和 next-auth 版本 4.23 创建一个应用程序。现在一切正常。身份验证和授权在本地环境中功能齐全....

Vue3 prop String 或 PropType

我在 Vue3 项目中有一个组件，它接受一个 prop，它可以是字符串也可以是对象。 所以像这样： 从“vue”导入{defineComponent} const 组件 = 定义组件({

即使在 amplify gen 2 后端中定义，属性也不存在于类型中

const Post = ({ 邮政， 删除时， 已登录， }：{ 帖子：架构[“帖子”]； onDelete: (id: string) => void; 已登录：布尔值； }) => { const 路由器 = useRouter(); 常量 D...