components 相关问题

在 NPM 中发布 React 组件模块而不需要外部依赖的正确方法是什么？

我正在尝试在 NPM 中发布一个用 React 制作的组件库。 我不希望它具有外部依赖项，甚至是 React 模块，以具有尽可能小的文件大小，因为用户会...

在 svelte 中，我需要将焦点设置在输入元素上，但收到错误“input.focus 不是函数”

让inx1 =“空”； 让输入=“”； 函数handleClick() {input.focus(); } $: inx1 && handleClick(); <pre><code><script > let inx1 = "null"; let input =""; function handleClick() {input.focus(); } $: inx1 && handleClick(); </script> <textarea style="clear: both;">{inx1}</textarea> <br/> <input bind:this={input} placeholder="SET"/> <button on:click={handleClick}> Focus input</button> </code></pre> <p>如果我打开页面，我会收到错误：</p> <p>input.focus 不是一个函数</p> <p>如果我删除此代码：' && 处理点击() 它有效，当我单击按钮时，我可以将焦点放在输入元素上</p> <p>请帮忙！</p> </question> <answer tick="false" vote="0"> <p>在安装组件之前，不会设置<pre><code>input</code></pre>。我也不建议同时将变量设置为某种完全不同的类型，只需让它保持<pre><code>undefined</code></pre>并在与它交互之前进行检查：</p> <pre><code>let input; $: if (input && inx1) handleClick(); </code></pre> </answer> </body></html>

vuejs 3：从具有动态命名的文件导入 svg

使用 vue.js 3，我有许多“svg”文件，每个文件都位于带有 js 扩展名的单独文件中。 我需要创建一个 BaseIcon 组件，它将名称/路径作为道具并返回图标。 svg f 的样本...

react-data-table-component - 自定义仅选择所有复选框

我正在考虑自定义反应数据表组件中的标题“全选”复选框。 我正在使用 React 16.14 并使用类组件。 目标： 添加下拉菜单时选择...

如何在组件结构中使用 BEM？

我目前正在尝试在培训项目中使用 BEM。首先。我喜欢 CSS 中有结构。但是，我在正确使用 BEM 时遇到问题。在目前的情况下，我不知道我是否...

如何从我的 React 项目中创建类/组件图？

我想可视化我在项目中使用的组件。我使用 PHP 作为后端，使用 Laravel+Reactjs 作为前端。 我想要实现的是理解所有组件...

在我的 create-react 应用程序中过滤后面临状态问题

我是react新手，我正在使用react和firebase制作笔记应用程序。数据可以从 Firebase 中正确存储和检索，并在 UI 上正确呈现。 我在导航栏上有一个输入，用于

类型错误：无法读取 Array.map 中未定义的属性（读取“0”）（<anonymous>）

这是我面临问题的图片 导出常量 FlipData = [ { id：“1”， 头衔：“IT人力资源顾问”， 点：[ “DevOps 和 IT 咨询”， ...

Angular 另一个组件的原生元素未定义

ı 有两个组件。其中一个是在另一个组件内部使用的 ModalComponent。 模态组件 从 '@angular/core' 导入 { Component, ElementRef, Input, OnInit, ViewChild }; @成分（{

自定义 Angular 输入组件的视图不会改变

当我更改金额时...

用地图反应渲染问题

让pendingdatafilterd = data.map((itm, i) => { const [status, setStatus] = useState(itm.status); if (状态 == '待处理') { 返回 （ {itm.id}<... 让pendingdatafilterd = data.map((itm, i) => { const [status, setStatus] = useState(itm.status); if (status == 'pending') { return ( <div key={i} > <div>{itm.id}</div> <div>{status}</div> <button onClick={() => { setStatus('finished'); itm.status = 'finished'; setfinishedData(finishedData => [...finishedData, itm]); }} >finish</button> </div> ) } console.log('rendered') }） 这是我代码的一部分，问题是每次我单击按钮时组件渲染数量都会增加 我认为问题在于您在 useState() 函数中使用 map() 钩子，而没有为 pendingdatafilterd 数组中的每个项目提供唯一的键。 Key 用于标识列表中的每个元素，并确定是否需要重新渲染或是否应更新现有元素。 如果数据数组中的每个项目都是唯一的，则可以使用 itm.id 作为键： let pendingdatafilterd = data.map((itm, i) => { const [status, setStatus] = useState(itm.status); if (status === 'pending') { return ( <div key={itm.id}> <div>{itm.id}</div> <div>{status}</div> <button onClick={() => { setStatus('finished'); itm.status = 'finished'; setfinishedData(finishedData => [...finishedData, itm]); }} > finish </button> </div> ); } console.log('rendered'); });

VTable 使用问题：如何在表格中插入迷你图？

需要在表格列的单元格中显示反映一组数据动态的迷你折线图。如何在VTable中实现这种效果？

React Native 制作一个下载按钮，当文件保存在本地时会更改状态

React Native 中的下载按钮问题 我正在尝试在 React Native 应用程序的卡片上创建一个下载按钮。这些按钮位于 FlatList 的卡片组件中。一切都正确渲染，我...

如何在 React 中更改 html 音频音乐？

我想使用 UseReduce 和 Usecontext 为我的音乐应用程序创建下一个和后退按钮，但有些问题。当我按下按钮时，音乐会改变，但音频不起作用。我的代码是这样的

React Native 制作一个下载按钮，如果文件保存在本地，该按钮会更改状态

我正在尝试在 RN 应用程序的卡片上创建一个下载按钮。这些按钮位于平面列表的卡片组件中。一切都正确渲染并在正确的父级中，但在安装上我有每个按钮

在 Angular 中使用多个接口和单个公共字段

我有2个不同的组件，组件A使用模型A，组件B使用模型B。现在A有一个id，组件B应该使用该id来处理它的方法。所以如果我想在模式中使用相同的 id...

如何从子级向上传递数据到任意数量的父级并每次更改它

如何将数据从最里面的子组件向上传递到任意数量的不同父组件，让每个父组件一直修改数据，直到最外面的子组件......

为什么使用 *ngIf 从 DOM 中删除元素不会破坏组件？

运行下面的代码时，我单击“切换”按钮在页面上呈现计数器并将其递增到 5，然后再次切换它，这会在计数器内容内的 div 上设置 ngIf...

Blazor InputDate 在强制更改时不更新 UI

我正在使用内置的 ASPNETCORE.Component.Forms InputDate，但是在选择日期时，它不会覆盖 UI，在分配另一个值时，它始终是 selectedDate。 我正在使用内置的 ASPNETCORE.Component.Forms InputDate，但在选择日期时，它不会覆盖 UI；在分配另一个值时，它始终是 selectedDate。 <InputDate ValueExpression="@(()=>MyModel.TestDate)" Value="MyModel.TestDate" ValueChanged="@((DateTime value) => CheckDate(value))"/> private void CheckDate(DateTime selectedDate) { if (selectedDate < DateTime.Now) { MyModel.TestDate = selectedDate; } else { MyModel.TestDate = DateTime.Now; // Issue here UI does not updates } StateHasChanged(); } 使用 WebAssembly 5.0.7 我不太确定是什么导致了这种行为，但是，我回答是为 InputDate 位于 EditForm 内时提供解决方案。 当 InputDate 处于 EditForm 时 您可以使用 EditContext.NotifyFieldChanged 方法通知 EditContext 该字段已更改。 Telerik 片段 <EditForm EditContext="_editContext"> <InputDate ValueExpression="@(()=>MyModel.TestDate)" Value="MyModel.TestDate" ValueChanged="@((DateTime value) => CheckDate(value))"/> </EditForm> @code{ MyClass MyModel; EditContext _editContext; protected override void OnInitialized() { MyModel = new(){TestDate=DateTime.Now.AddDays(-2)}; _editContext = new EditContext(MyModel); } private void CheckDate(DateTime selectedDate) { if (selectedDate < DateTime.Now) { MyModel.TestDate = selectedDate; } else { MyModel.TestDate = DateTime.Now; _editContext.NotifyFieldChanged(FieldIdentifier.Create(() => MyModel.TestDate)); } } public class MyClass { public DateTime TestDate {get;set;} } }

React.ReactNode 作为故事书中的参数

这是我的按钮组件类型 从“反应”导入反应 导出类型 ButtonProps = { 标签：字符串； 颜色？：'主要' | '次要' | '第三'; 尺寸？：'移动' | '平板电脑' | '桌面'，