nested-object 相关问题

尝试使用逗号过滤位置数据时，但出现错误 [object Object],[object Object],[object Object Object],[object Object] 数据json： { “命令”：“乐”， ”

一个 LazyColumn 包含另一个 LazyColumn，第二个 LazyColumn 包含一个 HorizontalPager。每个寻呼机都包含一个列表。如何解决这个问题，或者有人有其他更好的想法来实现......

从 None 引发 core._status_to_exception(e) tensorflow.python.framework.errors_impl.InvalidArgumentError:

尝试按照本教程在 Citypersons 数据集上训练对象检测模型。 https://neptune.ai/blog/how-to-train-your-own-object- detector-using-tensorflow-object-detection-api 我...

使 arrayList.toArray() 返回更具体的类型

所以，通常 ArrayList.toArray() 会返回一个 Object[] 类型....但假设它是一个对象 Custom 的 Arraylist，如何使 toArray() 返回 Custom[] 类型而不是 Object[] 类型？

它返回我[object HTMLCollection]

我正在尝试复制登录页面，我希望当我单击按钮时它会显示您输入的名称，但它返回 [object HTMLCollection] 我希望显示你的名字

使用 Jackson 库在 Java 中反序列化 Map<Enum<?>、Object>

我需要使用 Jackson 库以 JSON 格式序列化和反序列化 Java 映射。地图类型是Map，Object>，其目的是存储由key-value

如果类型是从变量进行数据绑定，则通过 <object> 标签在 Angular 中显示 pdf 无法在 Chrome 中工作

我正在尝试通过标签在 Chrome 中显示 pdf。如果我手动编写类型，它会起作用：不工作但是... 我正在尝试通过 <object> 标签在 Chrome 中显示 pdf。如果我手动写 type: 就可以了 <object [data]="getUrl(true)" type="application/pdf"> Not working </object> 但如果我从变量读取类型则不会： <object [data]="getUrl(true)" [type]="file.mimeType"> Not working </object> 为什么？这是一些非常奇怪的错误，还是我做错了什么可怕的事情。这里是plunkr。它可以在 Firefox 中运行（所有 4 个对象都会显示），但不能在 Chrome 中运行 (Version 74.0.3729.169 (Official Build) (64-bit))：我遇到了同样的问题，但我不明白原因。就我而言，我决定在基于 Blink 引擎的浏览器中使用“embed”元素而不是“object”元素。 <ng-template #blinkPlatformViewer> <embed [src]="getUrl(true)" [type]="file.mimeType"/> </ng-template> <object *ngIf="!isBlinkPlatform; else blinkPlatformViewer" [data]="getUrl(true)" [type]="file.mimeType"> Not working </object> import { Platform } from '@angular/cdk/platform'; import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'; export class FileContentComponent { constructor(private readonly sanitizer: DomSanitizer, private readonly platform: Platform) { } get isBlinkPlatform(): boolean { return this.platform.BLINK; } }

object 对象在 JSON.parse 中不是有效的 JSON (<anonymous>)

我有以下代码函数 fncGetUsuarioProducao(p1) { $.ajax({ 类型：“帖子”， url: "cadRecebimentoProducao.aspx/GetUsuarioCartaoAcesso", ...

Pydantic.BaseModel.model_dump() 通过 AttributeError

我正在尝试使用 Pydantic.BaseModel.model_dump() 但当我调用它时 AttributeError: type object 'BaseModel' has no attribute 'model_dump' 引发。还尝试实例化 BaseModel 类。

使用 ForEach-Object 而不是 foreach 时语法错误位置不精确

大多数时候，powershell 中的错误报告非常有用。我看到了错误，我看到了起源，但我注意到 ForEach-Object 管道中的任何错误都会丢失其起源行和错误堆栈

如何从另一个 Sub 使用 KeyEventArgs 调用 Sub

我有两个替补 Private Sub kbHook_KeyDown(ByVal Key As System.Windows.Forms.Keys) 处理 KeyHook.KeyDown 和 Private Sub Form1_KeyPressCaps(ByVal key As Object, e As KeyEventArgs) 处理我。

$null 和Where-Object 的空输出有什么区别？

请考虑以下事项： $psversiontable #7.4.6 $a = $null $null -eq $a # 返回 $true $a.GetType() # 您不能对空值表达式调用方法。 $b = $a.PSObject.Copy() # 你不能...

如何在PyGame中使用精灵？

我想画3行矩形。为此，我想使用 pygame.sprite。团体（）。我收到错误消息： TypeError: 'type' object is not subscriptable.我在此处检查了错误消息。

如何使用 Powershell System.Net.WebClient 和自定义用户代理字符串下载文件？

我正在运行以下命令来使用 Powershell System.Net.WebClient 方法下载文件： powershell -Command "(New-Object System.Net.WebClient).DownloadFile('https://domain.name/fil...

访问 ExpandoObject 中的动态视图

我有以下方法来创建这个 ExpandoObject： List 示例 = new List(); foreach（费率中的变量率） { varrateObject = new ExpandoObject() as IDictionar... 我有以下方法来创建这个ExpandoObject： List<object> example = new List<object>(); foreach (var rate in rates) { var rateObject = new ExpandoObject() as IDictionary<string, object>; rateObject["Id"] = rate.Id; rateObject["RateType"] = rate.RateType; rateObject["Units"] = rate.R6Item.Unit.Symbol; rateObject["Schedule"] = rate.R6Item.Schedule.Description; rateObject["R6Code"] = rate.R6Item.Code; rateObject["R6Description"] = rate.R6Item.Description; rateObject["R7Code"] = rate.R7Item.Code; rateObject["R7Description"] = rate.R7Item.Description; rateObject["DICODE"] = rate.R6Item.Schedule.Discipline.Code; foreach (var currency in rate.Project.ProjectCurrencies) { rateObject[currency.Currency.Name] = currency.Currency.Name; } example.Add(rateObject); } 现在，当我展开示例对象时，它看起来像这样：如果我进一步扩展，就像这样：现在我想要的数据是如何在动态视图中显示的，有没有办法能够访问它？并有与 ExpandoObject 的动态视图相同的示例？您肯定可以做很多事情来增强您的调试体验。这是我的快速尝试：我必须使用组合来扩展密封类ExpandoObject，其属性为： class MyExpando { [DebuggerBrowsable(DebuggerBrowsableState.Never)] public ExpandoObject Value { get; } = new(); [DebuggerBrowsable(DebuggerBrowsableState.RootHidden)] public List<KeyValuePair<string, object?>> Properties => Value.ToList(); public void Add(string key, object value) => ((IDictionary<string, object?>)Value)[key] = value; public override string ToString() => string.Join(", ", Value.Select(o => $"{o.Key}={o.Value}")); } 有：覆盖显示集合时使用的ToString()方法，隐藏在调试器属性 Value 中以访问 ExpandoObject, 属性 Properties 用于在调试器 KeyValuePair 条目中可视化。

JsonConvert.DeserializeObject<Object>（字符串）不返回任何内容

我正在开发一个应用程序，该应用程序以 JSON 格式从 Battlelog API 收集数据。 JSONL 中的“player”类如下所示： { “玩家”：{ “id”：

访问 Expando 对象内的动态视图

我有以下方法来创建这个expandoObject： List 示例 = new List(); foreach（费率中的变量率） { var 速率对象 = 新我有以下方法来创建这个expandoObject： List<object> example = new List<object>(); foreach (var rate in rates) { var rateObject = new ExpandoObject() as IDictionary<string, object>; rateObject["Id"] = rate.Id; rateObject["RateType"] = rate.RateType; rateObject["Units"] = rate.R6Item.Unit.Symbol; rateObject["Schedule"] = rate.R6Item.Schedule.Description; rateObject["R6Code"] = rate.R6Item.Code; rateObject["R6Description"] = rate.R6Item.Description; rateObject["R7Code"] = rate.R7Item.Code; rateObject["R7Description"] = rate.R7Item.Description; rateObject["DICODE"] = rate.R6Item.Schedule.Discipline.Code; foreach (var currency in rate.Project.ProjectCurrencies) { rateObject[currency.Currency.Name] = currency.Currency.Name; } example.Add(rateObject); } 现在，当我展开示例对象时，它看起来像这样：如果我进一步扩展，就像这样：现在我想要的数据是如何在动态视图中显示的，有没有办法能够访问它？并有与 ExpandoObject 的动态视图相同的示例吗？您肯定可以做很多事情来增强您的调试体验。这是我的快速尝试：我必须使用组合来扩展密封类ExpandoObject，其属性为： class MyExpando { [DebuggerBrowsable(DebuggerBrowsableState.Never)] public ExpandoObject Value { get; } = new(); [DebuggerBrowsable(DebuggerBrowsableState.RootHidden)] public List<KeyValuePair<string, object?>> Properties => Value.ToList(); public void Add(string key, object value) => ((IDictionary<string, object?>)Value)[key] = value; public override string ToString() => string.Join(", ", Value.Select(o => $"{o.Key}={o.Value}")); } 有：覆盖显示集合时使用的ToString()方法，隐藏在调试器属性 Value 中以访问 ExpandoObject, 属性 Properties 用于在调试器 KeyValuePair 条目中可视化和编辑。

在 Dartlang 中旋转/移动列表？

Dart 中是否有更好/更快的方法来旋转列表？列表旋转（列表l，int i）{ i = i % l.长度；列表 x = l.sublist(i); x.addAll(l.sublist(0, ... Dart 中是否有更好/更快的方法来旋转列表？ List<Object> rotate(List<Object> l, int i) { i = i % l.length; List<Object> x = l.sublist(i); x.addAll(l.sublist(0, i)); return x; } 可以简化一点 List<Object> rotate(List<Object> list, int v) { if(list == null || list.isEmpty) return list; var i = v % list.length; return list.sublist(i)..addAll(list.sublist(0, i)); } 如果您想要 shift 而不是 rotate，您可以简单地使用 removeAt 功能： List<int> list = [ 1, 2, 3 ]; int firstElement = list.removeAt(0); print(list); // [ 2, 3 ] print(firstElement); // 1 来自文档：从此列表中删除位置 [index] 处的对象。此方法将 this 的长度减少 1，并将后面的所有对象向下移动一个位置。返回删除的值。 [索引]必须在 0 ≤ 索引范围内 < length. The list must be growable. 这里有一些更有用的 JS shim。您还可以创建一个扩展以在任何地方使用它，并且具有空安全性。 extension RotateList<T> on List<T>{ List<T> rotate(int rotate){ if(isEmpty) return this; var index = rotate % length; return sublist(index)..addAll(sublist(0, index)); } }

Python：“Doc2Vec”对象没有属性“dv”

感谢您的建议，我已经编辑了问题我遇到这个： AttributeError: 'Doc2Vec' object has no attribute 'dv' 错误来自回溯（最近一次调用最后一次）：文件“F:\Projects\项目代码\

使用“!!python/object”将 UUID 插入 YAML 时出错

对于自动化测试脚本，我想在运行时生成随机 UUID 值，因此我添加了一些如下所示的 YAML： --- 申请人：身份证号： nationalId:!!python/object:uuid.uu...

比较List的相同结果<Map<String, Object>>不成立

我正在尝试比较由 Map 组成的列表中的值，但结果总是返回 false，尽管我与之比较的值是相同的。我做了什么吗

mongoose 中的 finOne() 失败并显示 MongoServerError: Expected field collationto be of type object

我正在尝试使用express和MongoDb实现简单的注册验证，但下面的代码行总是失败并出现以下错误 const emailExist = wait User.findOne({email: req.body.

将值从用户控件传递到同一用户控件wpf c#中的另一个？

我有四个用户控件，我尝试将值从用户控件传递到另一个用户控件，这些用户控件存在于同一个用户控件中。这个 xml 主页面 ` 我有四个用户控件，我尝试将值从用户控件传递到另一个用户控件，这些用户控件存在于同一个用户控件中。这个 xml 主页面 ` <Grid> <StackPanel Background="#FFF"> <local:mwidget x:Name="mwidget" Loaded="UserControl1_Loaded"/> <local:addemploy x:Name="addemploy" Visibility="Hidden"/> <local:editemploy x:Name="editemploy" Visibility="Hidden" /> </StackPanel> </Grid>` 还有这个代码 ` private void UserControl1_Loaded(object sender, RoutedEventArgs e) { mwidget.ShowUserControl2Requested += OnShowUserControl2Requested; addemploy.ShowUserControl1Requested += OnShowUserControl1Requested; editemploy.ShowUserControl1Requestedd += ShowUserControl1Requestedd; mwidget.ShowUserControl2Requestedd += ShowUserControl1Requesteddd; } private void OnShowUserControl2Requested(object sender, EventArgs e) { addemploy.Visibility = Visibility.Visible; mwidget.Visibility = Visibility.Collapsed; } private void OnShowUserControl1Requested(object sender, EventArgs e) { mwidget.Visibility = Visibility.Visible; addemploy.Visibility = Visibility.Collapsed; } private void ShowUserControl1Requestedd(object sender, EventArgs e) { mwidget.Visibility = Visibility.Visible; editemploy.Visibility = Visibility.Collapsed; } private void ShowUserControl1Requesteddd(object sender, EventArgs e) { editemploy.Visibility = Visibility.Visible; mwidget.Visibility = Visibility.Collapsed; }` 这个代码mwidget ` public partial class mwidget : UserControl { public event EventHandler ShowUserControl2Requested; public event EventHandler ShowUserControl2Requestedd; public mwidget() { InitializeComponent(); } private void add_employ(object sender, RoutedEventArgs e) { ShowUserControl2Requested?.Invoke(this, EventArgs.Empty); } private void edit_employ(object sender, System.Windows.RoutedEventArgs e) { ShowUserControl2Requestedd?.Invoke(this, EventArgs.Empty); } }` 所以我想将值从 mwidget 传递到 editemploy，我尝试了一些解决方案，但不起作用您需要在 mwidget 和 editemploy 中创建 DependencyPropertys 并将它们相互绑定。（注意：在下面的示例中，我使用了 OneWayToSource。这可以防止 editemploy 更改 mwidget 中的值。如果您不想这样做，请将其更改为 TwoWay。） m小部件： public static readonly DependencyProperty MyValueProperty = DependencyProperty.Register( nameof(MyValue), typeof(bool), typeof(mwidget)); public bool MyValue { get => (bool)GetValue(MyValueProperty); set => SetValue(MyValueProperty, value); } 编辑雇佣： public static readonly DependencyProperty MyPassedValueProperty = DependencyProperty.Register( nameof(MyPassedValue), typeof(bool), typeof(editemploy)); public bool MyPassedValue { get => (bool)GetValue(MyPassedValueProperty); set => SetValue(MyPassedValueProperty, value); } xaml： <local:mwidget x:Name="mwidget" Loaded="UserControl1_Loaded"/> <local:addemploy x:Name="addemploy" Visibility="Hidden"/> <local:editemploy x:Name="editemploy" Visibility="Hidden" MyPassedValue="{Binding ElementName=mwidget, Path=MyValue, Mode=OneWayToSource}" />

Firebase 中的图像未在 Flutter 中显示在网络上

我已将图像存储到存储中并将图像传输到firestore，但是在尝试显示图像时引发了另一个异常：[object ProgressEvent] 出现此错误....

Jackson：反序列化为 Map<String, Object>，每个值的类型都正确

我有一堂课，如下所示公共类我的类{ 私有字符串val1；私有字符串val2；私有 Map 上下文； // 删除适当的访问器...

在 C# 中将 Task<T> 转换为 Task<object>，无需 T

我有一个充满扩展方法的静态类，其中每个方法都是异步的并返回一些值 - 像这样：公共静态类 MyContextExtensions{ 公共静态异步任务我有一个充满扩展方法的静态类，其中每个方法都是异步的并返回一些值 - 像这样： public static class MyContextExtensions{ public static async Task<bool> SomeFunction(this DbContext myContext){ bool output = false; //...doing stuff with myContext return output; } public static async Task<List<string>> SomeOtherFunction(this DbContext myContext){ List<string> output = new List<string>(); //...doing stuff with myContext return output; } } 我的目标是能够从另一个类中的单个方法调用这些方法中的任何一个，并将其结果作为对象返回。它看起来像这样： public class MyHub: Hub{ public async Task<object> InvokeContextExtension(string methodName){ using(var context = new DbContext()){ //This fails because of invalid cast return await (Task<object>)typeof(MyContextExtensions).GetMethod(methodName).Invoke(null, context); } } } 问题是转换失败。我的困境是我无法将任何类型参数传递给“InvokeContextExtension”方法，因为它是 SignalR 中心的一部分并且由 javascript 调用。在某种程度上，我不关心扩展方法的返回类型，因为它只会序列化为 JSON 并发送回 javascript 客户端。但是，我确实必须将 Invoke 返回的值转换为任务才能使用等待运算符。我必须为该“任务”提供一个通用参数，否则它将把返回类型视为 void。因此，这一切都归结为如何成功地将具有通用参数 T 的任务转换为具有对象通用参数的任务，其中 T 表示扩展方法的输出。您可以分两步完成 - await使用基类执行任务，然后使用反射或dynamic收获结果： using(var context = new DbContext()) { // Get the task Task task = (Task)typeof(MyContextExtensions).GetMethod(methodName).Invoke(null, context); // Make sure it runs to completion await task.ConfigureAwait(false); // Harvest the result return (object)((dynamic)task).Result; } 这是一个完整的运行示例，它将上述通过反射调用 Task 的技术置于上下文中： class MainClass { public static void Main(string[] args) { var t1 = Task.Run(async () => Console.WriteLine(await Bar("Foo1"))); var t2 = Task.Run(async () => Console.WriteLine(await Bar("Foo2"))); Task.WaitAll(t1, t2); } public static async Task<object> Bar(string name) { Task t = (Task)typeof(MainClass).GetMethod(name).Invoke(null, new object[] { "bar" }); await t.ConfigureAwait(false); return (object)((dynamic)t).Result; } public static Task<string> Foo1(string s) { return Task.FromResult("hello"); } public static Task<bool> Foo2(string s) { return Task.FromResult(true); } } 一般来说，要将 Task<T> 转换为 Task<object>，我会简单地采用简单的连续映射： Task<T> yourTaskT; // .... Task<object> yourTaskObject = yourTaskT.ContinueWith(t => (object) t.Result); （文档链接在这里）但是，您实际的具体需求是通过反射调用 Task 并获取其（未知类型）结果。为此，您可以参考完整的dasblinkenlight的答案，它应该适合您的具体问题。我想提供一个实现，恕我直言，这是早期答案的最佳组合：精确的参数处理无动态调度通用扩展方法给你： /// <summary> /// Casts a <see cref="Task"/> to a <see cref="Task{TResult}"/>. /// This method will throw an <see cref="InvalidCastException"/> if the specified task /// returns a value which is not identity-convertible to <typeparamref name="T"/>. /// </summary> public static async Task<T> Cast<T>(this Task task) { if (task == null) throw new ArgumentNullException(nameof(task)); if (!task.GetType().IsGenericType || task.GetType().GetGenericTypeDefinition() != typeof(Task<>)) throw new ArgumentException("An argument of type 'System.Threading.Tasks.Task`1' was expected"); await task.ConfigureAwait(false); object result = task.GetType().GetProperty(nameof(Task<object>.Result)).GetValue(task); return (T)result; } 您不能将 Task<T> 转换为 Task<object>，因为 Task<T> 不是协变的（也不是逆变的）。最简单的解决方案是使用更多反射： var task = (Task) mi.Invoke (obj, null) ; var result = task.GetType ().GetProperty ("Result").GetValue (task) ; 这很慢且效率低下，但如果不经常执行此代码则可用。顺便说一句，如果您要阻塞等待其结果，那么异步 MakeMyClass1 方法有什么用呢？另一种可能性是为此目的编写一个扩展方法： public static Task<object> Convert<T>(this Task<T> task) { TaskCompletionSource<object> res = new TaskCompletionSource<object>(); return task.ContinueWith(t => { if (t.IsCanceled) { res.TrySetCanceled(); } else if (t.IsFaulted) { res.TrySetException(t.Exception); } else { res.TrySetResult(t.Result); } return res.Task; } , TaskContinuationOptions.ExecuteSynchronously).Unwrap(); } 它是非阻塞解决方案，将保留任务的原始状态/异常。最有效的方法是自定义等待者： struct TaskCast<TSource, TDestination> where TSource : TDestination { readonly Task<TSource> task; public TaskCast(Task<TSource> task) { this.task = task; } public Awaiter GetAwaiter() => new Awaiter(task); public struct Awaiter : System.Runtime.CompilerServices.INotifyCompletion { System.Runtime.CompilerServices.TaskAwaiter<TSource> awaiter; public Awaiter(Task<TSource> task) { awaiter = task.GetAwaiter(); } public bool IsCompleted => awaiter.IsCompleted; public TDestination GetResult() => awaiter.GetResult(); public void OnCompleted(Action continuation) => awaiter.OnCompleted(continuation); } } 具有以下用法： Task<...> someTask = ...; await TaskCast<..., object>(someTask); 这种方法的局限性在于结果不是 Task<object> 而是一个可等待的对象。我根据dasblinkenlight的回答做了一个小小的扩展方法： public static class TaskExtension { public async static Task<T> Cast<T>(this Task task) { if (!task.GetType().IsGenericType) throw new InvalidOperationException(); await task.ConfigureAwait(false); // Harvest the result. Ugly but works return (T)((dynamic)task).Result; } } 用途： Task<Foo> task = ... Task<object> = task.Cast<object>(); 这样您就可以将 T 中的 Task<T> 更改为您想要的任何内容。对于最佳方法，不使用反射和动态丑陋语法，也不传递泛型类型。我将使用两种扩展方法来实现这个目标。 public static async Task<object> CastToObject<T>([NotNull] this Task<T> task) { return await task.ConfigureAwait(false); } public static async Task<TResult> Cast<TResult>([NotNull] this Task<object> task) { return (TResult) await task.ConfigureAwait(false); } 用途： Task<T1> task ... Task<T2> task2 = task.CastToObject().Cast<T2>(); 这是我的第二种方法，但不推荐： public static async Task<TResult> Cast<TSource, TResult>([NotNull] this Task<TSource> task, TResult dummy = default) { return (TResult)(object) await task.ConfigureAwait(false); } 用途： Task<T1> task ... Task<T2> task2 = task.Cast((T2) default); // Or Task<T2> task2 = task.Cast<T1, T2>(); 这是我的第三种方法，但是不推荐：（类似于第二种） public static async Task<TResult> Cast<TSource, TResult>([NotNull] this Task<TSource> task, Type<TResult> type = null) { return (TResult)(object) await task.ConfigureAwait(false); } // Dummy type class public class Type<T> { } public static class TypeExtension { public static Type<T> ToGeneric<T>(this T source) { return new Type<T>(); } } 用途： Task<T1> task ... Task<T2> task2 = task.Cast(typeof(T2).ToGeneric()); // Or Task<T2> task2 = task.Cast<T1, T2>(); 将 await 与动态/反射调用混合使用并不是一个好主意，因为 await 是一条编译器指令，它会围绕调用的方法生成大量代码，并且使用更多反射来“模拟”编译器工作并没有真正的意义，延续、包装等因为您需要的是在运行时管理代码，然后忘记在编译时工作的 asyc await 语法糖。重写 SomeFunction 和 SomeOtherFunction 而不使用它们，并在运行时创建的您自己的任务中开始操作。您将得到相同的行为，但代码非常清晰。

ACF update_field() 插入值，但 get_field() 无法访问

我从第 3 方 API 获取对象并为每个对象创建一篇文章。两种帖子类型是创建对象和 aruodas-object（第 3 方 API 对象类型）。有一个字段组对象...

Pandas concat 将数据类型转换为对象而不是数字

我有一个数据集，分为 10 个不同的 .csv 文件。分别导入每个后，我使用 concat 将它们合并为一个。这会将每列转换为数据类型“object”。结果呢...

React Router 与 React 16.6 Suspense “提供给 `Route` 的 `object` 类型的道具 `component` 无效，预期为 `function`。”

我正在使用最新版本（16.6）的React和react-router（4.3.1），并尝试使用React.Suspense进行代码分割。虽然我的路由工作正常并且代码确实分成了几个bun...

将 YAML 文件注入构造函数

我有这个 YAML 文件 src/main/resources/foo.yml：酒吧： - 你好 - 世界巴兹： - 洛雷姆 - ipsum 这个组件： @成分公共类我的组件{ 公共我的组件（地图我有这个 YAML 文件 src/main/resources/foo.yml: bar: - hello - world baz: - lorem - ipsum 这个组件： @Component public class MyComponent { public MyComponent(Map<String, List<String>> foo) { // foo.get("bar") } } 使用 Spring Boot 2.7，是否可以将配置按原样（自己的文件，无前缀，无类）注入到构造函数中？你可以这样做 @Configuration public class MyConfiguration { @Bean public Map<String, Object> foo(@Value("classpath:foo.yaml") Resource yaml) { Yaml yaml = new Yaml(); return yaml.load(yaml.getInputStream()); } } @Component public class MyComponent { public MyComponent(@Qualifier("foo") Map<String, Object> foo) { ... } }

任何人都可以帮助我避免在应用程序上使用模拟位置时被检测到吗，我已经反编译并粘贴了其中的代码，smali 文件

.第 1854 行 invoke-virtual {p1}, Landroid/location/Location;->isFromMockProvider()Z 移动结果 p1 转到：goto_6 .1856号线 :条件_d iget-object p1、p0、Lcom/bel/HYS/FileexplorerActivity$

无法按照我想要的顺序渲染表单抛出新的子元素包含父元素

我现在正在使用 JS 和 API 调用渲染动态表单，如果我使用然后链接它渲染表单，但不是按照我想要的顺序，并且我当前的代码显示无法执行追加子项并返回 [object

如何在React Native中显示图像的顶部，

这是我现在的情况，我的形象是这样的这是我当前的代码这是我现在的情况，我的形象是这样的这是我当前的代码 <View> <Image style={{width: '100%', height: 285}} source={{ uri: `${posterPath + data?.poster_path}`, }} resizeMode="cover" /> <Text>{data?.title}</Text> </View> 我希望我的图像看起来像这样（这只是一个例子）我知道在普通的CSS中我们是否可以使用object-position，但不幸的是React Native并不直接支持object-positionCSS属性，所以我很困惑如何实现这个您需要使用 Flex:1，它使用整个屏幕，然后相应地定位和调整图像大小。 <View style={{flex:1}}> <Image style={{width:'100%', height:285}} source={{ uri: `${posterPath + data?.poster_path}`, }} resizeMode="cover" /> <Text>{data?.title}</Text> </View>

使用自定义布尔格式的 Jackson xml（反）序列化

我有xml文件： ... 我有 xml 文件： <?xml version="1.0" encoding="UTF-8"?> <ADDRESSOBJECTS> <OBJECT ID="1802267" NAME="SomeName" ISACTIVE="1" /> </ADDRESSOBJECTS> 以及 kotlin 中相应的类： @JacksonXmlRootElement(localName = "ADDRESSOBJECTS") class AddressingObjectCollection { @JacksonXmlProperty(localName = "OBJECT") @JacksonXmlElementWrapper(useWrapping = false) open lateinit var objects: List<AddressingObject> } 和 class AddressingObject : Serializable { @JacksonXmlProperty(isAttribute = true, localName = "ID") open var id: Long = 0 @JacksonXmlProperty(isAttribute = true, localName = "NAME") open lateinit var name: String @JacksonXmlProperty(isAttribute = true, localName = "ISACTIVE") open var isActive: Boolean = false } 当我尝试反序列化时出现错误： val deserialized = mapper.readValue(File(file).readText(), AddressingObjectCollection::class.java) 错误： Cannot deserialize value of type `boolean` from String "1": only "true"/"True"/"TRUE" or "false"/"False"/"FALSE" recognized 如何告诉 Jackson 正确（反）序列化此格式？为此，我使用 Json 属性： @JsonProperty("ISACTIVE") @JacksonXmlProperty(isAttribute = true, localName = "ISACTIVE") @JsonDeserialize(using = CustomBooleanDeserializer::class) open var isActive: Boolean = false 还有 CustomBooleanDeserializer： class CustomBooleanDeserializer : JsonDeserializer<Boolean>() { override fun deserialize(p: JsonParser?, ctxt: DeserializationContext?): Boolean { if (p?.currentTokenId() == JsonTokenId.ID_STRING){ var text = p.text if (text == "1") return true } return false; } } 它对我有用。对于 Java... Json 属性： @JsonProperty("ISACTIVE") @JacksonXmlProperty(isAttribute = true, localName = "ISACTIVE") @JsonDeserialize(using = CustomBooleanDeserializer.class) private boolean isActive = false; 使用 CustomBooleanDeserializer： public class CustomBooleanDeserializer extends JsonDeserializer<Boolean> { @Override public Boolean deserialize(JsonParser p, DeserializationContext ctxt) { return p.currentTokenId() == JsonTokenId.ID_STRING && jp.toString().equals("1"); } }

用目的地捕获信号

#include C中的DBU（Linux）程序在C中发送带有目的地的信号。代码如下： #include <stdio.h> #include <stdlib.h> #include <dbus/dbus.h> #include <unistd.h> /** * Connect to the DBUS bus and send a broadcast signal */ void sendsignal(DBusConnection* conn, char* sigvalue) { DBusMessage* msg; DBusMessageIter args; DBusError err; int ret; dbus_uint32_t serial = 0; printf("Sending signal with value %s\n", sigvalue); // create a signal & check for errors msg = dbus_message_new_signal("/test/signal/Object", // object name of the signal "test.signal.Type", // interface name of the signal "Test"); // name of the signal if (NULL == msg) { fprintf(stderr, "Message Null\n"); exit(1); } // set the destination of the signal dbus_message_set_destination(msg, "it.smartsecurity.dbus"); // append arguments onto signal dbus_message_iter_init_append(msg, &args); if (!dbus_message_iter_append_basic(&args, DBUS_TYPE_STRING, &sigvalue)) { fprintf(stderr, "Out Of Memory!\n"); exit(1); } // send the message and flush the connection if (!dbus_connection_send(conn, msg, &serial)) { fprintf(stderr, "Out Of Memory!\n"); exit(1); } dbus_connection_flush(conn); printf("Signal Sent\n"); // free the message and close the connection dbus_message_unref(msg); //dbus_connection_close(conn); } int main(int argc, char **argv) { DBusMessage* msg; DBusMessageIter args; DBusConnection* conn; DBusError err; int ret; // initialise the error value dbus_error_init(&err); // connect to the DBUS system bus, and check for errors conn = dbus_bus_get(DBUS_BUS_SYSTEM, &err); if (dbus_error_is_set(&err)) { fprintf(stderr, "Connection Error (%s)\n", err.message); dbus_error_free(&err); } if (NULL == conn) { exit(1); } // register our name on the bus, and check for errors ret = dbus_bus_request_name(conn, "it.smartsecurity.dbus", DBUS_NAME_FLAG_REPLACE_EXISTING , &err); if (dbus_error_is_set(&err)) { fprintf(stderr, "Name Error (%s)\n", err.message); dbus_error_free(&err); } if (DBUS_REQUEST_NAME_REPLY_PRIMARY_OWNER != ret) { exit(1); } do { sendsignal(conn, "CIAO"); sleep(1); } while (1); // dbus_connection_close(conn); return 0; } 然后用ZBUS板条箱写了Followng代码： use futures_util::stream::StreamExt; use zbus::{zvariant::OwnedObjectPath, proxy, Connection}; use zbus::zvariant::Value; #[proxy( default_service = "it.smartsecurity.dbus", default_path = "/test/signal/Object", interface = "test.signal.Type", )] trait Systemd1Manager { // Defines signature for D-Bus signal named `Test` #[zbus(signal)] fn test(&self, unit: String) -> zbus::Result<()>; // si deve chiamare come il segnale } async fn watch_systemd_jobs() -> zbus::Result<()> { let connection = Connection::system().await?; // `Systemd1ManagerProxy` is generated from `Systemd1Manager` trait let systemd_proxy = Systemd1ManagerProxy::builder(&connection) .destination("it.smartsecurity.dbus")? .path("/test/signal/Object")? .interface("test.signal.Type")? .build().await?; // Method `receive_job_new` is generated from `job_new` signal let mut new_jobs_stream = systemd_proxy.receive_test().await?; while let Some(msg) = new_jobs_stream.next().await { //dbg!(&msg); // struct `JobNewArgs` is generated from `job_new` signal function arguments let args = msg.args(); dbg!(&args); println!("====================="); // stampa il nome del servizio e il suo valore let x = msg.message().header(); let y = x.member(); if y.is_some() { println!("Header: {}", y.unwrap()); } dbg!(&y); let unit = args.unwrap().unit; println!("Param: {}", unit); } panic!("Stream ended unexpectedly"); } #[tokio::main] async fn main() { watch_systemd_jobs().await.unwrap(); } 我的问题是，此生锈代码不会捕获信号，我不明白我在做什么。当您将总线消息发送到特定目的地时，它们不再是广播（与您的代码注释相反） - 仅将其发送到该目的地。接收此类信号。在您的代码中，总线名称由发件人而不是接收器声明，因此发件人实际上将信号发送给本身。

如何防止点击时嵌套 React 组件中的事件冒泡？

这是一个基本组件。和都有 onClick 函数。我只想触发上的 onClick，而不是。我怎样才能实现这个目标？我玩过这是一个基本组件。 <ul> 和 <li> 都有 onClick 函数。我只想触发 <li> 上的 onClick，而不是 <ul>。我怎样才能实现这个目标？我尝试过 e.preventDefault()、e.stopPropagation()，但无济于事。 class List extends React.Component { constructor(props) { super(props); } handleClick() { // do something } render() { return ( <ul onClick={(e) => { console.log('parent'); this.handleClick(); }} > <li onClick={(e) => { console.log('child'); // prevent default? prevent propagation? this.handleClick(); }} > </li> </ul> ) } } // => parent // => child 我也有同样的问题。我发现 stopPropagation did 有效。我会将列表项拆分为一个单独的组件，如下所示： class List extends React.Component { handleClick = e => { // do something } render() { return ( <ul onClick={this.handleClick}> <ListItem onClick={this.handleClick}>Item</ListItem> </ul> ) } } class ListItem extends React.Component { handleClick = e => { e.stopPropagation(); // <------ Here is the magic this.props.onClick(); } render() { return ( <li onClick={this.handleClick}> {this.props.children} </li> ) } } React 使用事件委托和文档上的单个事件侦听器来处理冒泡事件，例如本例中的“单击”，这意味着不可能停止传播；当您在 React 中与真实事件交互时，真实事件已经传播。 React 的合成事件上的 stopPropagation 是可能的，因为 React 在内部处理合成事件的传播。 stopPropagation: function(e){ e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); } 关于 DOM 事件的顺序：CAPTURING vs BUBBLING 事件传播有两个阶段。这些被称为 “捕获” 和 “冒泡”。 | | / \ ---------------| |----------------- ---------------| |----------------- | element1 | | | | element1 | | | | -----------| |----------- | | -----------| |----------- | | |element2 \ / | | | |element2 | | | | | ------------------------- | | ------------------------- | | Event CAPTURING | | Event BUBBLING | ----------------------------------- ----------------------------------- 首先发生捕获阶段，然后是冒泡阶段。当您使用常规 DOM api 注册事件时，默认情况下事件将成为冒泡阶段的一部分，但这可以在事件创建时指定 // CAPTURING event button.addEventListener('click', handleClick, true) // BUBBLING events button.addEventListener('click', handleClick, false) button.addEventListener('click', handleClick) 在React中，冒泡事件也是你默认使用的。 // handleClick is a BUBBLING (synthetic) event <button onClick={handleClick}></button> // handleClick is a CAPTURING (synthetic) event <button onClickCapture={handleClick}></button> 让我们看一下handleClick回调（React）： function handleClick(e) { // This will prevent any synthetic events from firing after this one e.stopPropagation() } function handleClick(e) { // This will set e.defaultPrevented to true // (for all synthetic events firing after this one) e.preventDefault() } 我在这里没有看到提到的替代方案如果您在所有事件中调用 e.preventDefault()，您可以检查事件是否已被处理，并防止再次处理它： handleEvent(e) { if (e.defaultPrevented) return // Exits here if event has been handled e.preventDefault() // Perform whatever you need to here. } 关于合成事件和原生事件的区别，请参阅React文档：https://reactjs.org/docs/events.html 这是防止单击事件前进到下一个组件然后调用 yourFunction 的简单方法。 <Button onClick={(e)=> {e.stopPropagation(); yourFunction(someParam)}}>Delete</Button> 这不是 100% 理想，但如果在儿童中传递 props 太痛苦 -> 儿童时尚或为此目的创建 Context.Provider/Context.Consumer just），你正在处理另一个库，它有自己的处理程序，它在您的处理程序之前运行，您也可以尝试： function myHandler(e) { e.persist(); e.nativeEvent.stopImmediatePropagation(); e.stopPropagation(); } 据我了解，event.persist方法可以防止对象立即被扔回React的SyntheticEvent池中。因此，当你伸手去拿 React 中传递的 event 时，它实际上并不存在！这种情况发生在孙子中，因为 React 在内部处理事情的方式是首先检查父进程是否有 SyntheticEvent 处理程序（特别是如果父进程有回调）。只要您不调用 persist 来创建大量内存以继续创建诸如 onMouseMove 之类的事件（并且您没有创建某种 Cookie Clicker 游戏，例如 Grandma's Cookies），就应该完全没问题！另请注意：偶尔阅读他们的 GitHub，我们应该密切关注 React 的未来版本，因为他们可能最终会解决一些问题，因为他们似乎打算在编译器中折叠 React 代码/转译器。如果您希望发生嵌套元素中的操作而不是父元素中的操作，那么，您可以从父元素的操作处理程序中检查目标的类型，然后基于该类型执行操作，即，如果目标是我们的嵌套元素，我们什么也不做。否则两个处理程序都会被调用。 // Handler of the parent element. Let's assume the nested element is a checkbox function handleSingleSelection(e) { if(e.target.type !== 'checkbox') { // We do not do anything from the // parent handler if the target is a checkbox ( our nested element) // Note that the target will always be the nested element dispatch(lineSelectionSingle({ line })) } } 我在 event.stopPropagation() 工作时遇到问题。如果您也这样做，请尝试将其移动到单击处理程序函数的顶部，这就是我需要做的来阻止事件冒泡。示例函数： toggleFilter(e) { e.stopPropagation(); // If moved to the end of the function, will not work let target = e.target; let i = 10; // Sanity breaker while(true) { if (--i === 0) { return; } if (target.classList.contains("filter")) { target.classList.toggle("active"); break; } target = target.parentNode; } } 您可以通过检查事件目标来避免事件冒泡。例如，如果您将输入嵌套到 div 元素，其中有单击事件的处理程序，并且您不想处理它，则单击输入时，您可以将 event.target 传递到您的处理程序中，并检查处理程序应该是根据目标的属性执行。例如，您可以检查 if (target.localName === "input") { return}。所以，这是一种“避免”处理程序执行的方法解决此问题的另一种方法可能是在子级上设置 onMouseEnter 和 onMouseLeave 事件。（您的 < li > 标签）每当鼠标悬停在子级上时，您都可以设置一个特定的状态，以阻止父级执行 onClick 函数内容。比如： class List extends React.Component { constructor(props) { super(props) this.state.overLi = false } handleClick() { // do something } render() { return ( <ul onClick={(e) => { if (!this.state.overLi) { console.log("parent") this.handleClick() } }} > <li onClick={(e) => { console.log("child") // prevent default? prevent propagation? this.handleClick() }} onMouseEnter={() => this.setState({ overLi: true, }) } onMouseLeave={() => this.setState({ overLi: false, })} ></li> </ul> ) } } 我进行了很多搜索，但没有设法使用 e.stopPropagation() 为我的上下文实现任何解决方案您可以验证点击的元素是否是预期的元素。例如： class List extends React.Component { constructor(props) { super(props); } handleClick(e) { if(e.target.className==='class-name'){ // do something } } render() { return ( <ul {/* Replace this with handleClick */} onClick={(e) => { console.log('parent'); this.handleClick(); }} <li onClick={(e) => { console.log('child'); // prevent default? prevent propagation? this.handleClick(); }} </li> </ul> ) } } 执行此操作的新方法更加简单，并且会节省您一些时间！只需将事件传递到原始点击处理程序并调用 preventDefault();。 clickHandler(e){ e.preventDefault(); //Your functionality here }

Vue 2 渲染函数 - 非作用域插槽

渲染函数的文档给出了如何从模板转换作用域 v-slot 的示例 {{ props.text }} 渲染函数的文档给出了如何从模板转换范围v-slot的示例 <div><child v-slot="props"><span>{{ props.text }}</span></child></div> 渲染函数： render: function (createElement) { return createElement('div', [ createElement('child', { // pass `scopedSlots` in the data object // in the form of { name: props => VNode | Array<VNode> } scopedSlots: { default: function (props) { return createElement('span', props.text) } } }) ]) } 但是，如果 v-slot 没有作用域怎么办？如果您尝试转换的模板是这样的怎么办 <div><child v-slot:slotName><span>...</span></child></div> （我还使用了一个名为 slotName 的非默认插槽）这取决于 Vue 2 版本。从 2.6.0+ 开始，Vue 对所有插槽都一视同仁，将它们暴露在 scopedSlots 上，无论它们是否有作用域。所有 $slots 现在也作为函数公开在 $scopedSlots 上。如果您使用渲染函数，现在建议始终通过 $scopedSlots 访问插槽，无论它们当前是否使用作用域。这不仅会使未来添加范围的重构变得更简单，而且还可以简化您最终迁移到 Vue 3 的过程，其中所有插槽都将是函数。所以这应该有效： render: function (createElement) { return createElement('div', [ createElement('child', { // pass `scopedSlots` in the data object // in the form of { name: props => VNode | Array<VNode> } scopedSlots: { slotName: function (props) { // or function () return createElement('span', props.text) } } }) ]) } 演示

Pinia 对象在 Vue 中的 foreach 后失去反应性

我有这个嵌套的foreach BalanceItemList.vue ... 我有这个嵌套的 foreach BalanceItemList.vue <template> <div v-for="category in categoryItemsStore.balanceCategories" :key="category.id" class="mt-5"> <div class="border-black border-b bg-gray-200"> <span class="font-bold w-full">{{ category.name }}</span> </div> <div v-for="balanceItem in category.balance_items" :key="balanceItem.id"> {{ balanceItem.total = 500 }} <balance-item :balance-item="balanceItem" @update-balance-item="update"/> </div> <div> <balance-item-create :category="category.id" @create-balance-item="update"/> </div> <div v-if="categoryItemsStore.totals[category.id]" class="grid grid-cols-4-b t-2 ml-2"> <div :class="category.is_positive ? '': 'text-red-600' " class="col-start-4 border-t-2 border-black font-bold"> €{{ categoryItemsStore.totals[category.id].total }} </div> </div> </div> </template> 我像这样检查了“balanceItem”的反应性 {{ balanceItem.total = 500 }} 它在商店中更新，但随后我有了我的平衡项目组件： BalanceItem.vue <script setup> import {reactive} from "vue"; import {useForm} from "@inertiajs/vue3"; import NumberInput from "@/Components/NumberInput.vue"; import {UseCategoryItemsStore} from "@/Stores/UseCategoryItemsStore.js"; const categoryItemStore = UseCategoryItemsStore() const props = defineProps({balanceItem: Object, errors: Object}) let item = reactive(props.balanceItem); const form = useForm(item); const emit = defineEmits(['update-balance-item']) const submit = () => { form.post(route('balance-item.update'), { preserveScroll: true, onSuccess: () => { props.balanceItem.total = 500 categoryItemStore.updateBalanceItemsTotals(form) emit('update-balance-item') } }) } </script> <template> <form @submit.prevent="submit"> <div class="grid grid-cols-4-b"> <span>{{ item.name }}</span> <NumberInput v-model="form.count" autofocus class=" mr-4 mt-1 block" type="number" @update:model-value="submit" /> <div :class="item.item_category.is_positive ? '' : 'text-red-600'" class="flex place-items-center"> <div class="pt-1 mr-1">€</div> <NumberInput v-model="form.amount" :class="form.errors.amount ? 'border-red-600' : ''" autofocus class="mt-1 mr-4 w-5/6" type="text" @update:model-value="submit" /> </div> <div :class="item.item_category.is_positive ? '' : 'text-red-600'" class="flex place-items-center"> <div class="pt-1 mr-1 w-5/6">€</div> <NumberInput v-model="form.total" autofocus class="mt-1 block" disabled style="max-width: 95%" type="text" /> </div> </div> </form> </template> 这是我测试反应性的商店。如果我增加输入的数字，则项目的计数保持不变 UseCategoryItemsStore.js import {defineStore} from "pinia"; import {ref} from "vue"; export const UseCategoryItemsStore = defineStore('UseCategoryItemsStore', () => { const balanceCategories = ref([]) const totals = ref([]) function getBalanceItems() { axios.get(route('balance-item.index')).then((response) => { balanceCategories.value = response.data // console.log(balanceCategories.value) }) } function getTotals() { axios.get(route('balance-item.totals')).then((response) => totals.value = response.data) } function getData() { getTotals() getBalanceItems() } function updateBalanceItemsTotals(selectedItem) { balanceCategories.value.forEach((category) => { category.balance_items.forEach((item) => { if (item.id === selectedItem.id) { // item.total = item.count * item.amount console.log(item) } }) }) } getTotals() getBalanceItems() return {balanceCategories, totals, getBalanceItems, getTotals, getData, updateBalanceItemsTotals} }) 在此测试中，我执行“props.balanceItem.total = 500”。但如果我检查商店，它不会更新。看来将“balanceItem”分配给一个道具会失去与我的 Pinia 商店的反应性。我可以使用“form.total = form.count * form.amount”手动更新我的表单，但这对我来说似乎很老套，我想使用 Pinia 商店的反应性。我考虑过根据“BalanceItem”获取 Pina 项目，但这似乎也很棘手。谁知道为什么失去反应性？我有laravel 10.39、vue3.2.41和pinia 2.1.17惯性0.6.11。到目前为止我知道的所有最新版本。我像这样更新我的表格和商店： <script setup> import {useForm} from "@inertiajs/vue3"; import NumberInput from "@/Components/NumberInput.vue"; import {UseCategoryItemsStore} from "@/Stores/UseCategoryItemsStore.js"; const categoryItemStore = UseCategoryItemsStore() const props = defineProps({balanceItem: Object, errors: Object}) let item = categoryItemStore.getItemById(props.balanceItem); let form = useForm(item); const emit = defineEmits(['update-balance-item']) const submit = () => { form.post(route('balance-item.update'), { preserveScroll: true, onSuccess: () => { item = categoryItemStore.updateItem(form) form = useForm(item) emit('update-balance-item') } }) } </script> 我将此功能添加到我的商店： import {defineStore} from "pinia"; import {ref} from "vue"; export const UseCategoryItemsStore = defineStore('UseCategoryItemsStore', () => { const balanceCategories = ref([]) const totals = ref([]) function getBalanceItems() { axios.get(route('balance-item.index')).then((response) => { balanceCategories.value = response.data // console.log(balanceCategories.value) }) } function getItemById(item) { let category = balanceCategories.value.find((category) => { return category.id === item.item_category_id }) return category.balance_items.find((item_from_store) => { return item_from_store.id === item.id }) } function updateItem(form) { const item = getItemById(form) item.count = form.count item.amount = form.amount item.total = item.count * item.amount return item } function getTotals() { axios.get(route('balance-item.totals')).then((response) => totals.value = response.data) } function getData() { getTotals() getBalanceItems() } getTotals() getBalanceItems() return {balanceCategories, totals, getBalanceItems, getTotals, getData, getItemById, updateItem} }) 假设如果帖子获得 200，我的表单值可用于更新商店和更新表单。这是我能想到的最好的

如何使用 Xamarin 立即用点屏蔽密码字符

我想消除在 Xamarin.Forms 中输入密码时的延迟。我在互联网上没有找到任何解决方案。我想消除在 Xamarin.Forms 中输入密码时的延迟。我在网上没有找到任何解决方案。 <local:NoDelayEntry x:Name="passwordEntry" Placeholder="Password" /> class NoDelayEntry : Entry { public NoDelayEntry() : base() { this.TextChanged += OnEntryTextChanged; } private void OnEntryTextChanged(object sender, TextChangedEventArgs e) { // Customize the behavior as needed this.IsPassword = true; this.Text = new string('●', e.NewTextValue.Length); } } 到目前为止我已经尝试过以下操作；但是，当我登录时，原始密码文本被替换为“●”。有没有办法在保留原始密码的同时仍然使用屏蔽行为？一种想法是使用一个标签来遮盖密码字段，该标签会更新以显示键入的点数，但我不确定如何保持标签下方的密码字段可选。

链接到管理模板中的不同管理对象

我不想让js弄脏我的手。我有两个模型，汽车和模型。如何在自定义管理模板中手动添加从汽车到其模型的链接？我可以：我不想让 js 弄脏我的手。我有两个型号，car和model。如何在自定义管理模板中手动添加从汽车到其模型的链接？我能做到： <a href="{% url 'admin:appname_carmodels_changelist' %}">access changelist</a> 但是我如何访问 pk=42 的模型呢？我试过： <a href="{% url 'admin:appname_carmodels_change' 42 %}">access changeform</a> 但我最终得到了NoReverseMatch at /admin/appname/carmodel/.../change/。这可能吗？还是我必须使用一些可以携带反向功能的extra_context？ from django.urls import reverse from django.utils.html import format_html @admin.register(YourAPP) class AdminCustome(admin.ModelAdmin): list_display = ('id', 'link_to_other_obj',) def link_to_other_obj(self, obj): # foreign key is your other object(for example carmodel) related_obj = obj.foreign_key url = reverse('admin:appname_carmodels_change', args=[related_obj.id]) return format_html('<a href="{}">{}</a>', url, related_obj) link_to_other_obj.short_description = 'go_to_car_model_page'

具有多个值的JS var

有件事我无法理解：我有一个打开同一页面的功能，但具有不同的内容，具体取决于菜单中单击的按钮：有件事我无法理解：我有一个打开同一页面的功能<div id="page">但具有不同的内容，具体取决于菜单中单击的按钮： <nav> <button onclick="openPage(1)">PAGE 1</button> <button onclick="openPage(2)">PAGE 2</button> <button onclick="openPage(3)">PAGE 3</button> </nav> 然后是函数： function openPage(p){ var move=0; // define a var for USER action if(p==1){ document.getElementById('page').innerHTML = text_1; // content preloaded } else if(p==2){ document.getElementById('page').innerHTML = text_2; } else if(p==3){ document.getElementById('page').innerHTML = text_3; } // then on the top of the page (absolute + z-index) I add a HTML object: document.getElementById('page').innerHTML += '<aside id="pictures">content</aside>'; // what I'm now trying to do is to remove this object once USER move its mouse on it document.getElementById('pictures').addEventListener("mousemove",function(event) { setTimeout(function(){ move+=1; // increase the val each second },1e3) console.log('move'+p+' = '+move) // control value if(move>100){ document.getElementById('pictures').style.display = "none"; // OK, it works move=0; // reinit the var } }); } 现在惊喜：第 1 页的控制台 move1 = 0 move1 = 1 ... move1 = 99 move1 = 100 // 'pictures' disappears 第 2 页的控制台 move1 = 41 move2 = 0 ... move1 = 58 move1 = 17 ... move1 = 100 // 'pictures' disappears move2 = 59 第 3 页的控制台 move1 = 15 move2 = 88 move3 = 0 ... move1 = 37 move2 = 100 // 'pictures' disappears move3 = 12 ... 我的 var 'move' 同时获得 3 个值...这怎么可能？您的问题的原因是您每次调用 openPage 函数时都会添加一个事件侦听器。这意味着，如果您单击多个按钮，每个按钮都会有自己的事件侦听器附加到 #pictures 元素。现在，当触发 mousemove 事件时，所有这些侦听器将同时执行，导致 move 变量每秒递增多次。解决此问题的方法是在添加新事件侦听器之前先删除现有的事件侦听器。 let handler; // to hold the event listener function const pictureEl = document.getElementById('pictures'); function openPage(p){ // Remove existing event listener if (handler) { // <-- Check here pictureEl.removeEventListener("mousemove", handler); } handler = function(event) { // ...Rest } }; // Add new event listener pictureEl.addEventListener("mousemove", handler); // ...rest 找到了另一种（最简单的？）方法： var move=0; // placed out of functions function openPage(p){ .... (same as previous) getElementById('pictures').addEventListener("mousemove",outPicts); // change } // put mousemove event in another function: function outPicts(p){ setTimeout(function(){ move+=1; },1e3) console.log('move = '+move) if(move>100){ document.getElementById('pictures').style.display = "none"; // then remove event getElementById('pictures').removeEventListener("mousemove",outPicts); move=0; // reinit the var } } 按预期工作

标签错误：渲染时出现 React JSX 样式标签错误

这是我的反应渲染函数渲染：函数（）{ 返回（某事 .rr{ 红色; ...</desc> <question vote="94"> <p>这是我的反应渲染函数</p> <pre><code>render:function(){ return ( <div> <p className="rr">something</p> <style> .rr{ color:red; } </style> </div> ) } </code></pre> <p>这给了我这个错误</p> <blockquote> <p>JSX：错误：解析错误：第 22 行：意外的标记：</p> </blockquote> <p>这里出了什么问题？我可以将完整的普通 CSS 嵌入到 React 组件中吗？</p> </question> <answer tick="false" vote="130"> <p>使用 es6 模板字符串（允许换行）很容易做到。在你的渲染方法中：</p> <pre><code>const css = ` .my-element { background-color: #f00; } ` return ( <div className="my-element"> <style>{css}</style> some content </div> ) </code></pre> <p>至于用例，我正在为一个 div 执行此操作，其中包含一些用于调试的复选框，我希望将其包含在一个文件中，以便稍后轻松删除。</p> </answer> <answer tick="true" vote="73"> <p>JSX 只是 javascript 的一个小扩展，它不是自己完整的模板语言。所以你会像在 javascript 中那样做：</p> <pre><code>return ( <div> <p className="rr">something</p> <style>{"\ .rr{\ color:red;\ }\ "}</style> </div> ) </code></pre> <p><a href="http://jsfiddle.net/r6rqz068/" rel="noreferrer">http://jsfiddle.net/r6rqz068/</a></p> <p>但是根本没有充分的理由这样做。</p> </answer> <answer tick="false" vote="30"> <p>内联样式最好直接应用于组件 JSX 模板：</p> <pre><code>return ( <div> <p style={{color: "red"}}>something</p> </div> ); </code></pre> <p>演示：<a href="http://jsfiddle.net/chantastic/69z2wepo/329/" rel="noreferrer">http://jsfiddle.net/chantastic/69z2wepo/329/</a></p> <hr/> <p><strong>注意：JSX 不支持 style 属性的 HTML 语法</strong></p> <p>使用驼峰式属性名称声明属性，例如，</p> <pre><code>{ color: "red", backgroundColor: "white" } </code></pre> <p>进一步阅读此处：<a href="http://facebook.github.io/react/tips/inline-styles.html" rel="noreferrer">http://facebook.github.io/react/tips/inline-styles.html</a></p> </answer> <answer tick="false" vote="20"> <p>这可以通过使用反引号“`”来完成，如下所示</p> <pre><code>return (<div> <p className="rr">something</p> <style>{` .rr{ color:red; } `}</style> </div>) </code></pre> </answer> <answer tick="false" vote="10"> <p>“class”是 JavaScript 中的保留字。而是使用“className”。</p> <p>此外，您必须记住您使用的是 JSX，而不是 HTML。我不相信 jsx 会解析你的标签。更好的方法是使用您的样式创建一个对象，然后将其应用为样式（见下文）。</p> <pre><code>var styles = { color:"red"; } return ( <div> <p style={styles}>something</p> </div> ) </code></pre> </answer> <answer tick="false" vote="8"> <ol> <li>创建一个函数来处理插入样式标签。</li> <li>将所需的 CSS 添加到字符串变量中。</li> <li><p>将变量添加到 <pre><code><style></code></pre> 标记内返回的 JSX。</p> <pre><code>renderPaypalButtonStyle() { let styleCode = "#braintree-paypal-button { margin: 0 auto; }" return ( <style>{ styleCode }</style> ) } </code></pre></li> </ol> </answer> <answer tick="false" vote="4"> <p>这就是我所做的：</p> <pre><code>render(){ var styleTagStringContent = ".rr {"+ "color:red"+ "}"; return ( <style type="text/css"> {styleTagStringContent} </style> ); </code></pre> </answer> <answer tick="false" vote="0"> <p>经过一番摸索和尝试，终于找到了解决方案。关键是危险的SetInnerHTML。代码如下：</p> <pre><code> <script src="https://pie-meister.github.io/PieMeister-with Progress.min.js"></script> import React from 'react' const style = ` <pie-chart class="nested" offset="top"> <style> path { stroke-linecap: round; stroke-width: 90; } [color1] { stroke: #BFBDB2; stroke-width: 50; } [color2] { stroke: #26BDD8; stroke-width: 60; } [color3] { stroke: #824BF1; } [part="path"]:not([y]) { stroke: #BFBDB2; stroke-width: 60; opacity: 0.4; } </style> <slice color1 size="100%" radius="200"></slice> <slice color1 size="88%" radius="200" y="65"><tspan> $size</tspan></slice> <slice color2 size="100%" radius="100"> </slice> <slice color2 size="40%" radius="100" y="165"><tspan> $size</tspan></slice> <slice color3 size="100%" radius="0"> </slice> <slice color3 size="10%" radius="0" y="265"><tspan> $size</tspan></slice> </pie-chart>` export default function Styles() { return ( <div dangerouslySetInnerHTML={{__html:style}}/> ) } </code></pre> </answer> <answer tick="false" vote="-3"> <pre><code>import styled from 'styled-components; return ( <div> <Test>something</Test> </div> ) </code></pre> <p>下一步：</p> <pre><code>const Test = styled.p` color: red `; </code></pre> </answer> </body></html>

子控件中的绑定命令？

我有一个 UserControl，用作窗口对话框的“模板”。它包含一个关闭按钮和一个取消按钮。我有一个 UserControl，用作窗口对话框的“模板”。它包含一个关闭按钮和一个取消按钮。 <UserControl x:Class="TombLib.WPF.Controls.WindowControlButtons" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:TombLib.WPF.Controls" mc:Ignorable="d" xmlns:darkUI="clr-namespace:DarkUI.WPF;assembly=DarkUI.WPF" xmlns:vm="clr-namespace:TombLib.WPF.ViewModels" xmlns:sg="clr-namespace:SpacedGridControl;assembly=SpacedGridControl" d:DesignHeight="100" d:DesignWidth="300" x:Name="root"> <StackPanel VerticalAlignment="Center" HorizontalAlignment="Right" Height="Auto" Orientation="Horizontal"> <Button Name="oKButton" Margin="{x:Static darkUI:Defaults.MediumThickness}" Width="100" Height="Auto" Command="{Binding Close}" CommandParameter="{Binding Window}" Content="OK"></Button> <Button Name="cancelButton" Margin="{x:Static darkUI:Defaults.MediumThickness}" Width="100" Height="Auto" Command="{Binding Path=Cancel}" CommandParameter="{Binding Window}" Content="Cancel"></Button> </StackPanel> </UserControl> public partial class WindowControlButtons : UserControl { public static readonly DependencyProperty CancelProperty = DependencyProperty.Register( nameof(Cancel), typeof(ICommand), typeof(WindowControlButtons), new PropertyMetadata(null)); public ICommand Cancel { get { return (ICommand)GetValue(CancelProperty); } set { SetValue(CancelProperty, value); } } public static readonly DependencyProperty CloseProperty = DependencyProperty.Register( nameof(Close), typeof(ICommand), typeof(WindowControlButtons), new PropertyMetadata(null)); public ICommand Close { get { return (ICommand)GetValue(CloseProperty); } set { SetValue(CloseProperty, value); } } public static readonly DependencyProperty WindowParameter = DependencyProperty.Register( nameof(Window), typeof(object), typeof(WindowControlButtons), new PropertyMetadata(null)); public object? Window { get { return GetValue(WindowParameter); } set { SetValue(WindowParameter, value); } } public WindowControlButtons() { InitializeComponent(); } } 我想在以下窗口中使用它： <Window x:Class="TombLib.WPF.Windows.SelectIdWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:TombLib.WPF.Windows" mc:Ignorable="d" xmlns:ctrl="clr-namespace:TombLib.WPF.Controls" xmlns:vm="clr-namespace:TombLib.WPF.ViewModels" xmlns:sg="clr-namespace:SpacedGridControl;assembly=SpacedGridControl" xmlns:darkUI="clr-namespace:DarkUI.WPF;assembly=DarkUI.WPF" Title="SelectIdWindow" Height="100" Width="300" d:DataContext="{d:DesignInstance Type=vm:SelectIdViewModel }" x:Name="Self"> <sg:SpacedGrid Margin="{x:Static darkUI:Defaults.MediumThickness}">  <ctrl:WindowControlButtons DataContext="{Binding ElementName=Self}" Window="{Binding ElementName=Self, Mode=OneWay}" Close="{Binding CloseCommand,Mode=OneWay}" Cancel="{Binding CancelCommand,Mode=OneWay}" Height="Auto" Width="Auto" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" HorizontalAlignment="Right"/> </sg:SpacedGrid> </Window> public partial class SelectIdWindow : Window { public ICommand? CloseCommand { get; set; } public ICommand? CancelCommand { get; set; } public SelectIdWindow() { CloseCommand = new WindowCloseCommand(); InitializeComponent(); } } public class SelectIdViewModel { public string RequestedId { get; set; } = string.Empty; public IEnumerable<string> TakenIds { get; set;} public SelectIdViewModel(IEnumerable<string> takenIDs) { TakenIds = takenIDs; } } 但是，当我打开窗口时如下： SelectIdWindow w = new SelectIdWindow(); var takenIDs = Entities.Select(kv => kv.Key.Name); w.DataContext = new SelectIdViewModel(takenIDs); w.ShowDialog(); 我在绑定 WindowControlButtons 时收到以下错误： DataContext 显式设置为 Self，它应该代表 Window，而不是 ViewModel。我在这里做错了什么？绑定错误表明问题出在 Button.ICommand 属性上：要修复此问题，请在 WindowControlButtons 绑定中添加 ElementName=root，以便绑定到声明的依赖项属性而不是 DataContext： <UserControl x:Class="TombLib.WPF.Controls.WindowControlButtons" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:TombLib.WPF.Controls" mc:Ignorable="d" xmlns:darkUI="clr-namespace:DarkUI.WPF;assembly=DarkUI.WPF" xmlns:vm="clr-namespace:TombLib.WPF.ViewModels" xmlns:sg="clr-namespace:SpacedGridControl;assembly=SpacedGridControl" d:DesignHeight="100" d:DesignWidth="300" x:Name="root"> <StackPanel VerticalAlignment="Center" HorizontalAlignment="Right" Height="Auto" Orientation="Horizontal"> <Button Name="oKButton" ... Command="{Binding Close, ElementName=root}" CommandParameter="{Binding Window, ElementName=root}" Content="OK"/> <Button Name="cancelButton" ... Command="{Binding Path=Cancel, ElementName=root}" CommandParameter="{Binding Window, ElementName=root}" Content="Cancel"/> </StackPanel> </UserControl>

ESLint：解析错误：意外的标记：

大家好我正在将我的 vue3 项目从 js 迁移到 typescript，我遇到了这个问题：这是我在 .vue 文件中的代码 const toto = (msg: string) => { </desc> <question vote="7"> <p>大家好，我正在将我的 vue3 项目从 js 迁移到 typescript，我遇到了这个问题：</p> <p><a href="https://i.stack.imgur.com/y5tG8.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3k1dEc4LnBuZw==" alt=""/></a></p> <p>这是我在 .vue 文件中的代码</p> <pre><code><script setup lang="ts"> const toto = (msg: string) => { console.log(msg) } </script> </code></pre> <p>这是我的 eslintrc.js</p> <pre><code>module.exports = { 'env': { 'browser': true, 'es2021': true }, 'extends': [ 'eslint:recommended', 'plugin:vue/vue3-essential' ], 'parserOptions': { 'ecmaVersion': 13, 'sourceType': 'module' }, 'plugins': [ 'vue' ], 'rules': { 'vue/multi-word-component-names': 'off', 'vue/object-curly-spacing': [2, 'always'], 'vue/html-closing-bracket-spacing': [2, { 'selfClosingTag': 'always' }], 'vue/max-attributes-per-line': [2, { 'singleline': { 'max': 1 }, 'multiline': { 'max': 1 } }], 'semi': [2, 'never'] } } </code></pre> </question> <answer tick="true" vote="10"> <p>您需要配置 eslint 以支持 typescript，因为 eslint 不支持开箱即用。首先，您需要安装<a href="https://www.npmjs.com/package/@typescript-eslint/parser" rel="nofollow noreferrer">@typescript-eslint/parser</a>，然后安装<a href="https://www.npmjs.com/package/@typescript-eslint/eslint-plugin" rel="nofollow noreferrer">@typescript-eslint/eslint-plugin</a>。安装完这些后，请按如下方式更新您的配置 - </p> <pre><code>module.exports = { 'env': { 'browser': true, 'es2021': true, node: true }, 'extends': [ 'eslint:recommended', 'plugin:vue/vue3-essential' ], 'parserOptions': { 'ecmaVersion': 12, 'sourceType': 'module', parser: '@typescript-eslint/parser' }, 'plugins': [ 'vue', '@typescript-eslint' ], 'rules': { 'vue/multi-word-component-names': 'off', 'vue/object-curly-spacing': [2, 'always'], 'vue/html-closing-bracket-spacing': [2, { 'selfClosingTag': 'always' }], 'vue/max-attributes-per-line': [2, { 'singleline': { 'max': 1 }, 'multiline': { 'max': 1 } }], 'semi': [2, 'never'] } } </code></pre> </answer> <answer tick="false" vote="1"> <p>就我而言，问题是我使用解析器选项作为数组，而不是字符串：</p> <pre><code> parserOptions: { - parser: ['@typescript-eslint/parser'], + parser: '@typescript-eslint/parser', }, </code></pre> </answer> <answer tick="false" vote="0"> <p>如果你在项目中同时使用 JS 和 TS，此配置有帮助</p> <pre><code> overrides: [ { files: ['*.vue'], parser: 'svelte-eslint-parser', parserOptions: { parser: { // Specify a parser for each lang. ts: '@typescript-eslint/parser', js: 'espree', typescript: '@typescript-eslint/parser' } } } ], </code></pre> </answer> <answer tick="false" vote="-1"> <p>我在节点 v12.22.9 上遇到了这个问题。通过升级到 v14.21.2，我不再遇到解析错误。您可以使用命令升级/安装</p> <pre><code>nvm install v14.21.2 </code></pre> </answer> </body></html>

Kendo MVC UI Scheduler 自定义编辑器模板验证

我试图在自定义编辑器模板中删除此组合框的验证： ... @{ ViewContext.FormContext = new FormContext(); } 我试图在自定义编辑器模板中删除此组合框的验证： ... @{ ViewContext.FormContext = new FormContext(); } <div data-container-for="ClientId" class="k-edit-field"> @(Html.Kendo().ComboBoxFor(model => model.ClientId) .HtmlAttributes(new { data_bind = "value:ClientId", id = "ClientId", data_val = false }) .Name("ClientId") .DataTextField("Text") .DataValueField("Value") .DataSource(source => { source.Read(read => { read.Action("GetClientsList", "Scheduler"); }).ServerFiltering(true); }) .Events(e => { e.Select("onSelect"); }) .HtmlAttributes(new { style = "width:100%;" })) </div> @{ ViewContext.FormContext = null; } ... 尝试使用以下方法删除模型中的验证： [AllowAnyValue] public int? ClientId { get; set; } public class AllowAnyValueAttribute : ValidationAttribute { public override bool IsValid(object value) { // Always return true to allow any value return true; } } 尝试在组合框输入中添加新文本，例如名称，我仍然收到此 Kendo 错误留言： `The field ClientId must be a number.` 我对验证 Kendo 控件不太熟悉，但在我看来，您正在为具有“Text”和“Value”字段的实体指定组合框，而您绑定的实体是一个名为“ClientId”的简单可为空 int . 添加一个 CbBoxValue 类，如下所示： public class CbBoxValue { [AllowAnyValue] public int? Value { get; set; } public string Text { get; set; } public CbBoxValue ( int? ClientId ) { Value = ClientId; Text = ClientId?.ToString() ?? ""; } } 然后将 CbBoxValue(ClientId) 传递给组合框，而不是直接传递 ClientId。注意：我还没有测试过这个，正如我所说，我对此事不是很熟悉，但这对我来说似乎是合乎逻辑的。

在 .NET 6 中使用 xsltc.exe 生成的程序集（XSLT 样式表）

我有一个 XSLT 样式表“Stylesheet.xsl”，我已使用 xsltc.exe 将其编译为“Stylesheet.dll” 该 DLL 包含在我的 .NET 6 中（net6.0 我有一个 XSLT 样式表“Stylesheet.xsl”，我已使用 xsltc.exe 将其编译为“Stylesheet.dll” 该 DLL 包含在我的 .NET 6 (<TargetFramework>net6.0</TargetFramework>) 项目中，用法如下： var xslCompiledTransform = new XslCompiledTransform(); xslCompiledTransform.Load(typeof(Stylesheet)); // ↑ System.IO.FileNotFoundException: Could not load file or assembly 'System.Data.SqlXml, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089'. The system cannot find the file specified. xslCompiledTransform.Transform(@"..\..\..\input.xml", @"..\..\..\output.xml"); Load方法抛出FileNotFoundException，并显示消息“无法加载文件或程序集‘System.Data.SqlXml，Version=4.0.0.0，Culture=neutral，PublicKeyToken=b77a5c561934e089’。系统找不到指定的文件。 ” 关于 xsltc.exe 的文档说明了以下内容：脚本块仅在 .NET Framework 中受支持。 .NET Core 或 .NET 5 或更高版本不支持它们。这严重暗示使用 xsltc.exe 编译的样式表应该在 .NET Core 或 .NET 5 或更高版本上工作（当不使用脚本块时），但在我的测试中却不起作用。有谁知道为什么使用 xsltc.exe 编译的样式表不适用于 .NET 6 以及如何解决此问题？更多详情我在下面添加了有关我尝试过的更多详细信息。请注意，我使用的样式表Stylesheet.xsl非常基本，没有使用特殊功能：<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output indent="yes"/> <xsl:template match="/"> <output> <xsl:for-each select="input/book"> <booktitle> <xsl:value-of select="@title" /> </booktitle> </xsl:for-each> </output> </xsl:template> </xsl:stylesheet> 生成DLL的命令： "C:\Program Files (x86)\Microsoft SDKs\Windows\v10.0A\bin\NETFX 4.8 Tools\xsltc.exe" Stylesheet.xsl 在 SDK 样式的 .csproj 文件中引用 DLL： <ItemGroup> <Reference Include="Stylesheet"> <HintPath>.\Stylesheet.dll</HintPath> </Reference> </ItemGroup> input.xml：<input> <book title="First Title" /> <book title="Second Title" /> </input> output.xml 使用未编译的样式表执行转换时：<output> <booktitle>First Title</booktitle> <booktitle>Second Title</booktitle> </output> 我已经研究并发现其他人也有同样的问题，但还没有找到解决方案或解释为什么 Microsoft 文档隐式声明它应该可以工作，而在我的测试中却不起作用。 https://github.com/dotnet/runtime/issues/68129 在.NET Core 2.2中使用xsltc.exe生成的程序集？ XslCompiledTransform.Load(type)：无法加载文件或程序集“System.Data.SqlXml” System.IO.FileNotFoundException的堆栈跟踪： at System.Delegate.BindToMethodInfo(Object target, IRuntimeMethodInfo method, RuntimeType methodType, DelegateBindingFlags flags) at System.Reflection.RuntimeMethodInfo.CreateDelegateInternal(Type delegateType, Object firstArgument, DelegateBindingFlags bindingFlags) at System.Reflection.RuntimeMethodInfo.CreateDelegate(Type delegateType) at System.Xml.Xsl.XslCompiledTransform.Load(MethodInfo executeMethod, Byte[] queryData, Type[] earlyBoundTypes) at System.Xml.Xsl.XslCompiledTransform.Load(Type compiledStylesheet) at TestXslDotnet6.Program.Main(String[] args) in C:\Users\UserNameRedacted\Path\To\Repo\TestXslDotnet6\TestXslDotnet6\Program.cs:line 10 根据 GitHub 问题 .NET 6 不支持 XslCompiledTransform.Load(type(myXsltCompiled_dll)) 中的信息，看起来好像不支持，也不会支持。 2022年4月18日的评论说：程序集 System.Data.SqlXml 包含命名空间 System.Xml.Xsl.Runtime，该命名空间在 .NET Core 中不存在。根据移植指南，msxsl:script 在 .NET Core 上不可用。 .NET Framework 特定教程预计不起作用。第二个人评论：看起来 System.Data.SqlXml 是 SQLXML 的一部分，属于据我所知，SQL Server org 不支持 .NET Core。第三个人回复：目前没有关于 SQLXML 和对 .NET 5+ 支持的计划，我们还没有听到很多这方面的请求。我会建议在此处开放用户声音以获得一些吸引力并关于该主题的共识：https://aka.ms/sqlfeedback 所以，这就是您的答案：“msxsl:script 在 .NET Core 上不可用。.NET Framework 特定教程预计不起作用。”原因是非 .NET 组织必须使其成为可能，但没有计划这样做。他们没有意识到需求。而且，他们承认该文档具有误导性。似乎在 2022 年 5 月对文档进行了更改，并创建了拉取请求：请注意，XSLT 脚本块仅限 .NET Framework。我认识到这并没有为您提供解决方案或前进的道路，这令人失望。但这就是您问题的答案：.NET 6.0 根本不支持以这种方式进行转换。虽然距离这个问题大约有两年了，但我还是想分享一下我为自己的目的所做的解决方法，因为我没有找到任何其他解决方案，可以帮助在基于 .NET Core 的转换中使用编译的 xslt dll。因此，如果您想将 XslCompiledTransform 类与通过 xlstc.exe 生成的 dll 类型一起使用，请按照以下步骤操作：生成dll类 xsltc.exe /class:Transform /out:Your.Assembly.dll 将 dll 反汇编为 ILL 代码 ildasm Your.Assembly.dll /out=Your.Assembly.ill 将 Your.Assembly.ill 中所有出现的 [System.Data.SqlXml] 替换为 [System.Private.Xml] 将你的IL编译回dll ilasm Your.Assembly.ill /dll 现在您可以将 Your.Assembly.dll 引用添加到您的 .NET Core 项目

使用 IndexedPointInAreaLocator 和 STRTree（JTS 拓扑套件）无法实现多边形中的点性能

私人列表findZonesForShipPosition（点点）{ List zoneDefinitionCacheHits = new ArrayList<>(); strTree.query(point.getEnvelopeIn... private List<ZoneDefinitionCacheMemory> findZonesForShipPosition(Point point) { List<Object> zoneDefinitionCacheHits = new ArrayList<>(); strTree.query(point.getEnvelopeInternal(), zoneDefinitionCacheHits::add); return zoneDefinitionCacheHits.stream() .filter(ZoneDefinitionCacheMemory.class::isInstance) .map(ZoneDefinitionCacheMemory.class::cast) .filter(zoneDefinition -> isPointInsideGeometry(point, zoneDefinition.getGeometry())) .toList(); } private boolean isPointInsideGeometry(Point point, Geometry geometry) { PointOnGeometryLocator pointOnGeometryLocator = new IndexedPointInAreaLocator(geometry); int location = pointOnGeometryLocator.locate(point.getCoordinate()); boolean isInside = location == Location.INTERIOR; return isInside; } 我使用上面的代码来搜索多边形中的点，在查询之前将所有多边形和多边形插入到 strTree 中，并且我还使用 IndexedPointInAreaLocator 在 STR Tree 的顶部添加一个附加过滤器来验证是否给定点是否确实位于几何中。此外，我的多边形非常大，这意味着某些多边形中有近 160 万个点。因此，通过此实现，我面临着性能问题，这种方法至少需要 100 毫秒才能完成，这对于我的用例来说是不期望的。这里可能出现什么问题？或任何以某种方式加快速度的建议。我的用例：我将获得很多点来检测它们是否位于给定几何形状（多边形和多多边形）的内部或外部我尝试使用 Polygon.contains(point) 谓词，但它比 IndexedPointInAreaLocator 方法花费更多时间。如果你的多边形很大（从某种意义上说它们覆盖了很大的区域）或者形状很奇怪。然后，细分它们可能会提高索引性能，请记住索引首先在多边形的边界框上工作，以节省在多边形测试中进行昂贵的点。如果一个点落入许多边界框但只有一个多边形，则索引不会有太大帮助。 Paul Ramsey 的这篇博客文章在 PostGIS 上下文中讨论了这一点，但这里的底层实现是相同的。这个answer将帮助您划分多边形（因为我认为JTS没有细分方法）。您还可以从 JTS 代码周围使用 GeoTools 中受益，因为这将允许您切换到使用具有内置索引的 PostGIS 或 GeoPackage 数据库，或更简单的在内存存储中建立索引。

Javascript：如何获取单击按钮的innerHTML

构建了一个小费计算器，但希望通过获取正在单击的按钮的innerHTML来缩短代码。账单总额：构建了一个小费计算器，但想通过获取正在单击的按钮的innerHTML来缩短代码。 Total Bill: <input id="bill" type="text"> <button type="button" onclick="tip15()">15</button> <button type="button" onclick="tip18()">18</button> <button type="button" onclick="tip20()">20</button> <div id="tip">You owe...</div> function tip15(){ var totalBill = document.getElementById("bill").value; var totalTip = document.onclick.innerHTML var tip = totalBill * 0.15; document.getElementById("tip").innerHTML = "$" +tip } 这种方法的问题是我必须写出三个版本的函数来与小费金额相对应。我想创建一个函数来获取被单击按钮的innerHTML 并在函数中使用该值。我希望它看起来像这样 function tip(){ var totalBill = document.getElementById("bill").value; **var totalTip = GET INNERHTML OF CLICKED BUTTON** var tip = totalBill * ("." + totalTip); document.getElementById("tip").innerHTML = "$" +tip } 这样我就可以在不同的按钮上运行相同的功能。使用 HTML5 数据属性。 <button type="button" data-tip="15" onclick="getTip(this)">15</button> 您传递给函数的参数this指的是正在单击的按钮。然后你就可以得到这样的属性值： function tip(button){ var tip= button.getAttribute("data-tip"); ... } 剩下的留给你了。像这样改变：将值传递给tip函数。 <button id="15" type="button" onclick="tip(15)">15</button> <button id="18" type="button" onclick="tip(18)">18</button> <button id="20" type="button" onclick="tip(20)">20</button> function tip(tip_value) { /*use here tip_value as you wish you can use if condition to check the value here*/ var totalBill = document.getElementById("bill").value; var totalTip = tip_value; var tip = totalBill * ("." + totalTip); document.getElementById("tip").innerHTML = "$" +tip; } 将 this.innerHTML 作为参数传递给您的小费函数。所以你的小费函数应该是这样的： function tip(totalTip) { var totalBill = document.getElementById("bill").value; var tip = totalBill * ("." + totalTip); document.getElementById("tip").innerHTML = "$" +tip } 因此，如果您有一个如下所示的按钮元素： <button type="button" onclick="tip(this.innerHTML)">15</button> 提示函数将被称为 tip(15)。我会写一个快速解决方案，然后解释为什么我这样做。建议的解决方案第 1 部分，HTML <div id="tip-wrapper"> <label for="bill">Total bill:</label> <input name="bill" id="bill" type="text"> <br/> <label for="tipratio">Tip ratio:</label> <button name="tipratio" value="15" type="button">15%</button> <button name="tipratio" value="18" type="button">18%</button> <button name="tipratio" value="20" type="button">20%</button> <div id="final-value">You owe...</div> </div> 第 2 部分，JavaScript var parent = document.getElementById('tip-wrapper'), buttons = parent.getElementsByTagName('button'), max = buttons.length, i; // function that handles stuff function calculate (e) { var bill = document.getElementById('bill'), tipRatio = e.target.value; document.getElementById('final-value').textContent = bill.value * (1+tipRatio/100); } // append event listeners to each button for(i = 0; i < max; i++) { buttons[i].addEventListener('click', calculate, true); } 说明关于 HTML，并没有“太多”改变。唯一的事情是我使用的东西更符合标准。我添加了一个 wrapper 元素，这只是为了隔离一些 DOM 遍历，而不是遍历整个文档对象来进行查找（这将加快您的脚本速度）。您的按钮使用“值”属性，这是最好的。因为您可以以一种方式显示按钮文本，但使用正确的值（请参阅我添加了 % 字符）。除此之外，我主要添加了适当的标识符和标签。 JavaScript，这是我将更详细地介绍的地方，我将逐步介绍：您在脚本中要做的第一件事是设置您需要的变量（并获取您将使用的 DOM 元素。这就是我在前 4 行代码中所做的事情。创建一个通用函数来处理您的计算并更新您的元素，无论其数值如何。我在这里使用的功能是向您的函数添加一个参数 (e)，因为 javascript 中的 EVENTS 将 EVENT OBJECT 附加到您的回调函数（在本例中为 calculate();）。 EVENT OBJECT 实际上有很多有用的属性，我使用其中的： target：这是触发事件的元素（即您的按钮之一）我们所要做的就是获取目标值 (e.target.value) 并将其用于返回最终账单的数学中。使用addEventListener。人们普遍认为应该将 JavaScript 保留在 HTML 之外，因此不鼓励使用旧的事件方法 (onclick="")。 addEventListener()方法并不太复杂，不做详细介绍，其工作原理如下： htmlObject.addEventListener('事件类型', '回调函数', '冒泡true/false'); 我所做的只是循环遍历所有按钮并附加事件 lsitener。结束语使用此脚本，您现在可以添加任何您想要的“按钮”，脚本会将它们全部考虑在内并进行相应调整。只要确保设置它们的“值”即可。当我写这篇文章时，一些人给出了一些快速的答案。我还不能发表评论（声誉低），所以我会在这里留下我的评论。一些建议的答案告诉您使用innerHTML来获取小费值。这是错误的，您正在使用表单字段，应该使用 element.value，这就是它的用途。有些人甚至敢说使用 HTML5 data-* 属性。当然，你可以。但你为什么要这么做呢？ HTML 和 DOM 已经提供了完成任务所需的所有工具，而无需使用不必要的属性来污染 HTML。 value="" 属性旨在在表单中使用，它应该在字段值的 data-* 属性上使用。一般来说，innerHTML旨在获取 HTML，而不一定是文本或值。还有其他方法可以获取您正在寻找的值。对于表单元素，它是 element.value，对于大多数其他 HTML 元素，它是 element.textContent。希望这些解释有帮助 function tip(o) { var input = document.querySelector("input[id='bill']"); var total = input.value * o.innerHTML; document.querySelector("#tip").innerHTML = "$" + total; } Total Bill: <input id="bill" type="text"> <button type="button" onclick="tip(this)">15</button> <button type="button" onclick="tip(this)">18</button> <button type="button" onclick="tip(this)">20</button> <div id="tip">You owe...</div> 嘿我最近找到了解决这个问题的简单方法：您可以将内部文本作为元素的 id 提供。在事件处理程序中，您可以通过以下方式访问内部文本： e.目标.id 希望这个解决方案可以帮助您:)

从usercontrol到window的代码behind databind 我有一个问题要问：我正在尝试绑定2个字符串，一个从用户控制到窗口的代码。这是Usercontrol风格：

这是用户控件的代码文件： using System; using System.Collections.Generic; using System.ComponentModel; using System.Diagnostics; using System.Linq; using System.Runtime.CompilerServices; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace PasswordManager.Helpers.Resource_UserDefined { public partial class TextBox_Hint : UserControl, INotifyPropertyChanged { public TextBox_Hint() { InitializeComponent(); } public string TextBase { get { return (string)GetValue(TextProperty); } set { SetValue(TextProperty, value); OnPropertyChanged(); } } // Using a DependencyProperty as the backing store for TextBase. This enables animation, styling, binding, etc... public static readonly DependencyProperty TextProperty = DependencyProperty.Register("TextBase", typeof(string), typeof(TextBox_Hint)); public string Hint { get { return (string)GetValue(HintProperty); } set { SetValue(HintProperty, value); } } // Using a DependencyProperty as the backing store for Hint. This enables animation, styling, binding, etc... public static readonly DependencyProperty HintProperty = DependencyProperty.Register("Hint", typeof(string), typeof(TextBox_Hint), new PropertyMetadata("")); public Brush Background { get { return (Brush)GetValue(BackgroundProperty); } set { SetValue(BackgroundProperty, value); } } // Using a DependencyProperty as the backing store for background. This enables animation, styling, binding, etc... public static readonly DependencyProperty BackgroundProperty = DependencyProperty.Register("Background", typeof(Brush), typeof(TextBox_Hint), new PropertyMetadata(Brushes.White)); public Brush BorderColorBrush { get { return (Brush)GetValue(BorderColorBrushProperty); } set { SetValue(BorderColorBrushProperty, value); } } // Using a DependencyProperty as the backing store for BorderColorBrush. This enables animation, styling, binding, etc... public static readonly DependencyProperty BorderColorBrushProperty = DependencyProperty.Register("BorderColorBrush", typeof(Brush), typeof(TextBox_Hint), new PropertyMetadata(Brushes.Black)); public Thickness BorderThickness { get { return (Thickness)GetValue(BorderThicknessProperty); } set { SetValue(BorderThicknessProperty, value); } } // Using a DependencyProperty as the backing store for BorderThickness. This enables animation, styling, binding, etc... public static readonly DependencyProperty BorderThicknessProperty = DependencyProperty.Register("BorderThickness", typeof(Thickness), typeof(TextBox_Hint), new PropertyMetadata(new Thickness(1,1,1,1))); public Brush ForegroundColorOverlay { get { return (Brush)GetValue(ForegroundColorOverlayProperty); } set { SetValue(ForegroundColorOverlayProperty, value); } } // Usando un DependencyProperty come memorizzazione per ForegroundColorOverlay public static readonly DependencyProperty ForegroundColorOverlayProperty = DependencyProperty.Register("ForegroundColorOverlay", typeof(Brush), typeof(TextBox_Hint), new PropertyMetadata(Brushes.Gray)); public FontFamily FontFamily { get { return (FontFamily)GetValue(FontFamilyProperty); } set { SetValue(FontFamilyProperty, value); } } // Using a DependencyProperty as the backing store for FontFamily. This enables animation, styling, binding, etc... public static readonly DependencyProperty FontFamilyProperty = DependencyProperty.Register("FontFamily", typeof(FontFamily), typeof(TextBox_Hint), new PropertyMetadata(new FontFamily("Arial"))); public FontStyle FontStyle { get { return (FontStyle)GetValue(FontStyleProperty); } set { SetValue(FontStyleProperty, value); } } // Using a DependencyProperty as the backing store for FontStyle. This enables animation, styling, binding, etc... public static readonly DependencyProperty FontStyleProperty = DependencyProperty.Register("FontStyle", typeof(FontStyle), typeof(TextBox_Hint), new PropertyMetadata(FontStyles.Normal)); public Double FontSize { get { return (Double)GetValue(FontSizeProperty); } set { SetValue(FontSizeProperty, value); } } // Using a DependencyProperty as the backing store for FontSize. This enables animation, styling, binding, etc... public static readonly DependencyProperty FontSizeProperty = DependencyProperty.Register("FontSize", typeof(Double), typeof(TextBox_Hint), new PropertyMetadata(20.0)); private void txtSearchBox_TextChanged(object sender, TextChangedEventArgs e) { if (string.IsNullOrEmpty(txtSearchBox.Text)) txt_HintBox.Visibility = Visibility.Visible; else txt_HintBox.Visibility = Visibility.Hidden; } public event PropertyChangedEventHandler? PropertyChanged; protected void OnPropertyChanged([CallerMemberName] string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } } 我使用这样的用户控件： <userControls:TextBox_Hint x:Name="TextBox_Reame" Height="40" BorderColorBrush="Black" BorderThickness="0,0,0,1" FontFamily="{DynamicResource Abel}" FontSize="20" FontStyle="Italic" ForegroundColorOverlay="Gray" Hint="Inserisci Il Reame" TextBase="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type userControls:TextBox_Hint}}, Path=TextBase}"> <userControls:TextBox_Hint.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> <GradientStop Offset="0.0" Color="White" /> <GradientStop Offset="0.5" Color="#FFE1FFE6" /> <GradientStop Offset="1.0" Color="White" /> </LinearGradientBrush> </userControls:TextBox_Hint.Background> </userControls:TextBox_Hint> 这是字符串属性： private string _Reame; public string Reame { get { return _Reame; } set { _Reame = value; OnPropertyChanged(); } } 现在问题开始了。我已经尝试了1000次尝试解决问题，但没有任何回应。我认为我的问题很简单...如何将（用户控件的）文本键值直接获取到我使用的窗口的代码范围内？如果我使用TextBox_Reame.TextBase，我可以完美地获得值，但是我想使用绑定。我对此窗口的视图模型不感兴趣，因为数据值低。感谢所有人我将支持@clemens。我也不完全了解您想做什么，什么对您不起作用。我将假设您在数据上下文中具有带有“公共字符串reame”属性的ViewModel。在这种情况下，应将“ textbox_reame.textbase”绑定设置为此属性，而不是自身。 <userControls:TextBox_Hint x:Name="TextBox_Reame" Height="40" BorderColorBrush="Black" BorderThickness="0,0,0,1" FontFamily="{DynamicResource Abel}" FontSize="20" FontStyle="Italic" ForegroundColorOverlay="Gray" Hint="Inserisci Il Reame" TextBase="{Binding Reame}">  <userControls:TextBox_Hint.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> <GradientStop Offset="0.0" Color="White" /> <GradientStop Offset="0.5" Color="#FFE1FFE6" /> <GradientStop Offset="1.0" Color="White" /> </LinearGradientBrush> </userControls:TextBox_Hint.Background> </userControls:TextBox_Hint> 我还建议您使用自定义控件而不是UserControl： using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace SOTopics2025.SO.user27828246.question79511053 { public class TextBox_Hint : TextBox { static TextBox_Hint() { DefaultStyleKeyProperty.OverrideMetadata(typeof(TextBox_Hint), new FrameworkPropertyMetadata(typeof(TextBox_Hint))); } public string Hint { get => (string)GetValue(HintProperty); set => SetValue(HintProperty, value); } // Using a DependencyProperty as the backing store for Hint. This enables animation, styling, binding, etc... public static readonly DependencyProperty HintProperty = DependencyProperty.Register(nameof(Hint), typeof(string), typeof(TextBox_Hint), new PropertyMetadata(string.Empty)); public Brush HintForeground { get => (Brush)GetValue(HintForegroundProperty); set => SetValue(HintForegroundProperty, value); } // Usando un DependencyProperty come memorizzazione per ForegroundColorOverlay public static readonly DependencyProperty HintForegroundProperty = DependencyProperty.Register(nameof(HintForeground), typeof(Brush), typeof(TextBox_Hint), new PropertyMetadata(Brushes.Gray)); public Visibility HintVisibility { get => (Visibility)GetValue(HintVisibilityProperty); private set => SetValue(HintVisibilityPropertyKey, value); } // Using a DependencyProperty as the backing store for Hint. This enables animation, styling, binding, etc... public static readonly DependencyPropertyKey HintVisibilityPropertyKey = DependencyProperty.RegisterReadOnly(nameof(HintVisibility), typeof(Visibility), typeof(TextBox_Hint), new PropertyMetadata(Visibility.Visible)); public static readonly DependencyProperty HintVisibilityProperty = HintVisibilityPropertyKey.DependencyProperty; protected override void OnTextChanged(TextChangedEventArgs e) { base.OnTextChanged(e); HintVisibility = string.IsNullOrEmpty(Text) ? Visibility.Visible : Visibility.Collapsed; } } } themes/generic.xaml： <SolidColorBrush x:Key="TextBox_Hint.Static.Border" Color="#FFABAdB3"/> <SolidColorBrush x:Key="TextBox_Hint.MouseOver.Border" Color="#FF7EB4EA"/> <SolidColorBrush x:Key="TextBox_Hint.Focus.Border" Color="#FF569DE5"/> <Style TargetType="{x:Type custcont:TextBox_Hint}"> <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/> <Setter Property="BorderBrush" Value="{StaticResource TextBox_Hint.Static.Border}"/> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/> <Setter Property="HorizontalContentAlignment" Value="Left"/> <Setter Property="FocusVisualStyle" Value="{x:Null}"/> <Setter Property="AllowDrop" Value="true"/> <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/> <Setter Property="Stylus.IsFlicksEnabled" Value="False"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type custcont:TextBox_Hint}"> <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True"> <Grid> <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/> <TextBlock x:Name="Hint_text" Text="{TemplateBinding Hint}" Foreground="{TemplateBinding HintForeground}" Visibility="{TemplateBinding HintVisibility}" IsHitTestVisible="False"/> </Grid> </Border> <ControlTemplate.Triggers> <Trigger Property="IsEnabled" Value="false"> <Setter Property="Opacity" TargetName="border" Value="0.56"/> </Trigger> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox_Hint.MouseOver.Border}"/> </Trigger> <Trigger Property="IsKeyboardFocused" Value="true"> <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox_Hint.Focus.Border}"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> <Style.Triggers> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/> <Condition Property="IsSelectionActive" Value="false"/> </MultiTrigger.Conditions> <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/> </MultiTrigger> </Style.Triggers> </Style> usage： <StackPanel> <FrameworkElement.DataContext> <local:SomeViewModel Reame="Some text"/> </FrameworkElement.DataContext> <local:TextBox_Hint Hint="Inserisci Il Reame" Text="{Binding Reame, UpdateSourceTrigger=PropertyChanged}" Margin="10"/> <TextBlock Text="{Binding Reame}"/> </StackPanel>

在发布为 npm 包之前使用 npm 链接测试组件时出现重复的 ReactJS 导入问题

我有一个像这样的简单组件。从'react'导入React，{useState}；函数 MyComponentWithState(props) { const [值，setValue] = useState(0); 返回（我的价值... 我有一个像这样的简单组件。 import React, {useState} from 'react'; function MyComponentWithState(props) { const [value, setValue] = useState(0); return ( <p>My value is: {value}</p> ) } export default MyComponentWithState; 我想将它作为单独的包发布在 NPM 上。因此，为此我准备了 package.json 和 webpack.config.js，如下所示。 package.json： { "name": "try-to-publish", "version": "0.0.1", "description": "Just a test", "main": "build/index.js", "scripts": { "start": "webpack --watch", "build": "webpack" }, "author": { "name": "Behnam Azimi" }, "license": "ISC", "peerDependencies": { "react": "16.9.0", "react-dom": "16.9.0" }, "dependencies": { "react": "16.9.0", "react-dom": "16.9.0", "prop-types": "15.7.2", "react-scripts": "3.1.1", "webpack": "4.39.3" }, "devDependencies": { "@babel/core": "7.6.0", "@babel/plugin-proposal-class-properties": "7.5.5", "@babel/preset-env": "7.6.0", "@babel/preset-react": "7.0.0", "babel-loader": "8.0.6", "babel-plugin-transform-object-rest-spread": "6.26.0", "babel-plugin-transform-react-jsx": "6.24.1", "css-loader": "3.2.0", "node-sass": "4.12.0", "sass-loader": "8.0.0", "style-loader": "1.0.0", "webpack-cli": "3.3.8", "webpack-external-react": "^1.1.2" } } webpack.config.json： const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'build'), filename: 'index.js', libraryTarget: 'commonjs2' }, module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, include: path.resolve(__dirname, 'src'), use: { loader: "babel-loader" } }, ] }, resolve: { alias: { 'react': path.resolve(__dirname, 'node_modules/react'), 'react-dom': path.resolve(__dirname, 'node_modules/react-dom'), } }, externals: { 'react': "commonjs react", 'react-dom': "commonjs react-dom" }, }; 这是我的 .babelrc: { "presets": [ "@babel/preset-env", "@babel/preset-react" ], "plugins": ["@babel/plugin-proposal-class-properties"] } 当我将组件发布到 NPM 并使用 `npm install 将其安装到我的另一个 ReactJs 项目中时，这些配置就像魅力一样，但我的观点是本地测试！我想在发布之前测试这个组件/库。为此，我使用 npm link 功能将我的组件与我的主 ReactJS 项目链接起来。正如您在上面看到的，我的组件是功能性的，我也使用了钩子。因此，当我将本地链接的库注入到我的主 ReactJs 项目中时，会遇到此错误，无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一： 1.您的React和渲染器版本可能不匹配（例如React DOM） 2. 你可能违反了 Hooks 规则 3. 您可能在同一个应用程序中拥有多个 React 副本我的问题与第三个原因有关。我的项目使用 ReactJs 并导入一次，我的组件也会导入 React！我的意思是在一个项目中两次 React 导入！. 我的 Webpack 配置中还有关于 react 和 react-dom 的 externals 配置。我应该怎么做才能解决这个问题？我的错误在哪里？更新：我也尝试过 @sung-m-kim 和 @eddie-cooro 所说的，但没有成功！意思是，我更改了 package.json 并从 react 中删除了 react-dom 和 dependencies 并将它们添加到 devDpendencies。我终于通过这些步骤解决了这个问题。运行npm链接里面 <your-library-package>/node_modules/react 还有运行npm链接里面 <your-library-package>/node_modules/react-dom 然后在应用程序根目录中运行 npm link react 和 npm link react-dom 并且不要忘记将 React 和 React-dom 作为库中的外部对象保留 // webpack.config.js const externals = { "react": "react", "react-dom": "react-dom", } module.exports = { . . . externals } 我解决了我的问题。我使用 RollupJS 而不是 Webpack 作为捆绑工具进行捆绑。这是我的rollup.config.js： import {uglify} from 'rollup-plugin-uglify' import babel from 'rollup-plugin-babel' export default { input: "./src/index.js", external: ['react', 'react-dom'], output: { name: 'test-lib', format: "cjs", }, plugins: [ babel({ exclude: "node_modules/**" }), uglify(), ], }; 和我的package.json： { "name": "test-lib", "version": "1.0.0", "main": "dist/test-lib.min.js", "scripts": { "build": "rollup -c -o dist/test-lib.min.js" }, "author": "Behnam Azimi", "license": "ISC", "peerDependencies": { "react": "^16.9.0", "react-dom": "^16.9.0" }, "devDependencies": { "@babel/core": "^7.6.0", "@babel/preset-env": "^7.6.0", "@babel/preset-react": "^7.0.0", "rollup": "^1.21.4", "rollup-plugin-babel": "^4.3.3", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-uglify": "^6.0.3" } } 经过这些更改，npm link在我的ReactJS（Hooks）项目中真正发挥了作用。请注意，这只是一个简单的 Rollup 配置来展示我的解决方案，您可以在配置中添加多种内容，例如热重载、样式加载器和许多其他插件。仅在 package.json 的 react 部分（而不是 react-native）内设置 peerDependencies 和 dependencies 包。另外，对于本地开发（当您的包未包含在任何其他 React 项目中并且您想在本地运行它时），您可以使用 devDependencies 字段。我在打字稿反应项目中解决了这个问题。可能，当使用 npm link 时，请使用主应用程序项目和组件项目中的 react。因此，在您的 package.json 中从 react 和/或 dependencies 中删除 devDependencies 检查答案：https://stackoverflow.com/a/62807950/5183591 我也有同样的问题。就我而言，我开发了一些 UI 组件作为包，其中有一个包含 React 应用程序的示例文件夹，用于创建 React 应用程序。问题是，当我使用 npm i ../ 将包安装到示例应用程序中时，它会将包中的所有文件安装到示例应用程序中，包括 node_modules 文件夹。由于我已经安装了 react 和 react-dom 作为对等依赖项，示例应用程序现在有两个不同的 React 副本。从包中删除 node_module 文件夹并重新安装包再次解决了我的问题。

nested-object 相关问题

最新问题