小编Vik*_*Seč的帖子

我想在我的React应用程序中设置内联样式.在这种情况下,对于跨度:

<span className="myClass" style={{float : 'left', paddingRight : '5px'}} > </span>

React告诉我:

未捕获的不变违规:style支持期望从样式属性到值的映射,而不是字符串.例如,使用JSX时style = {{marginRight:spacing +'em'}}.这个DOM节点由`SentenceView呈现

我不太清楚这意味着什么.

PS:我曾尝试不同的版本,所以我也paddingRight: 5还有paddingRight: 5 + 'px'还有paddingRight : 5px,但我没有任何成功!

我想当用户在我的视图上拖动手指时触发动画。

我可以做类似的事情

Image(\xe2\x80\xa6)\n  .rotationEffect(\xe2\x80\xa6)\n  .animation(self.isAnimating ? .spring : .default)\n  .gesture(\n    DragGesture(minimumDistance: 5, coordinateSpace: .global)\n      .onChanged { value in\n        self.isAnimating = true\n        DispatchQueue.main.asyncAfter(deadline: .now() + 1) {\n          self.isAnimating = false\n        }\n      }\n  )\n

然而，这仅捕获从图像开始的拖动事件。从其他地方开始然后在图像上移动的拖动事件将被忽略。

我还可以检测父视图中的拖动事件并计算哪个子视图被拖动到 \xe2\x80\x93 上，这很好。但是，我该如何告诉子视图进行动画处理呢？更新它们的属性会导致重新渲染，这当然会取消动画。

像这样通过模型传递 ui 数据似乎是一种反模式。

有什么建议么？