小编gia*_*ipz的帖子

我正在尝试使用 Expo 创建我的第一个 React Native 应用程序，并且我正在尝试通过单击按钮来 console.log 一个随机文本。

当按下按钮时，我收到两个错误（这是通过 Android Studio）：

1 - NativeAnimatedModule.startOperationBatch is not a function

2 - There was a problem sending log messages to your development environment TypeError: stackString.split is not a function.

有时我有时也会收到此错误

Animated node tag 3 does not exist

下面是我试图执行的简单代码

<View>
  <TouchableOpacity
    onPress={() => console.log('test')}
  >
  <Text>Log In</Text>
  </TouchableOpacity>
</View>

我在网上看了一下，我真的没有看到关于这两个错误的任何信息。这是我设置代码的方式吗？我可能缺少包裹吗？

我暂时安装了这些 react-native 包

"react-native": "^0.64.0",
"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "^2.0.0",

提前致谢

我正在观看Code School的教程,还有一个关于通过缩放和改变定位来动画元素的教程.

该视频正在为表单内的标签设置动画.当您关注输入字段时,标签(位于输入字段内)移出输入字段,并缩小尺寸.

我想复制 - 没有运气.

我究竟做错了什么？

https://jsfiddle.net/8tvh4x45/1/

编辑:只想添加转换属性,我可以让标签动画,如果我只有一个动画(缩放或translateY) - 但我不能让两者一起工作.

<fieldset class="form-field">
  <input class="form-input" type="text" id="name">
  <label class="form-label" for="name">First Name</label>
</fieldset>

.form-field {
  border: 0;
}

.form-input {
  position: absolute;  
}

.form-input + .form-label {
  position: relative;
  transition: transform 1s;
}

.form-input:focus + .form-label {
  transform: scale(0.8), translateY(50px);
}

所以我有两个无序列表,其中包含相同数量的项目.因此,我们假设无序列表#2中的项都是隐藏的.使它们出现的唯一方法是单击无序列表#1中的项目.

所以基本上

<ul class="list1">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
</ul>
<ul class="list2">
  <li class="hide">item 1</li>
  <li class="hide">item 2</li>
  <li class="hide">item 3</li>
  <li class="hide">item 4</li>
</ul>

现在,我正在尝试实现此方法的index()方法是使用该方法,但我不确定如何正确处理此代码.

这就是我想到的.

$('.list1').on('click', 'li', function() {
  $('.list2 li').index($(this).index()).toggleClass('active');
});

因此,当您单击某个订单项时.list1,无论该订单项的索引是什么,都是我要定位的索引.list2

我遇到的问题是,当我登录它时,我得到了奇怪的索引号.第一个订单项将显示为2而不是0,第二个订单项的索引将显示为-1.

我究竟做错了什么？我很确定.

先谢谢你们!

假设我有下面的 HTML

HTML

<div class="container">
  <p>Test1</p>
  <p>Test5</p>
</div>

<div class="container">
  <p>Test3</p>
  <p>Test7</p>
</div>

我想.container通过 vanilla javascript（Test5 和 Test 7）在每个中选择第二个孩子。

我该怎么做？

如果我这样做

var container = document.querySelectorAll(".container p");
console.log(container[1]);

它只返回 Test5 而不是两个容器中的第二个孩子

有什么建议？谢谢！

假设我有2个div元素.如果我mouseenter超过第一个元素,我console.log是一个消息,如果是第二个元素,则是另一个消息.

为什么它不适用于下面的纯Javascript？

这种事只有工作,如果我添加事件侦听到每一个人的div如div[0].onmouseenter = function(){}和div[1].onmouseenter = function(){}

提前致谢!

HTML

<div>Test</div>
<div>Test1</div>

使用Javascript

var div = document.querySelectorAll("div");

var test = function(i){
    div[i].onmouseenter = function(){
      if(div[i]===0){
        console.log("success");
      } else if (div[i]===1){
        console.log("another success");
      }
    }
}

for(i=0;i<div.length;i++){
    test(i);
}