小编Ori*_*ori的帖子

我有一个反应应用程序，它使用 react-redux，useSelector 从商店获取数据。反应组件有

function PersonDataView() {
  const name= useSelector(state => state.data.name)
  const dob= useSelector(state => state.data.dob)
  const dispatch = useDispatch()
  const show= () => dispatch({type: 'SHOW'})
  const remove= () => dispatch({type: 'REMOVE'})
  return (
    <div>
      <h2>Person Details</h2>
     <div>
      <button onClick={show}>Show</button>
      <span aria-label="name">{name}</span>
      <span aria-label="dob">{dob}</span>
      <button onClick={remove}>Remove</button>
     </div>
   </div>
  )
}

我正在使用 react-testing-library 来测试这个组件。是否有任何 API 可以让我们更轻松地测试这些组件。我知道测试这些的两种方法：1）我可以使用 redux-mock-store 模拟商店，然后将此组件包装在提供程序组件下。2) 在 jest 中模拟 useSelector 方法

jest.mock('react-redux', () => ({
  useSelector: () => ({
  })
});

但是使用 jest mock 的问题是在多个选择器的情况下，所有 useSelectors 将返回相同的模拟值。使用玩笑的方式， jest.fn().mockReturnValueOnce() 在我看来并不正确。

我有一个具有以下格式的对象

var obj = [{
  "a": 1
}, {
  "b": 2
}, {
  "c": 3
}];

只想将此对象数组内的每个对象中的键提取到新数组中

像这样的东西： ["a","b","c"]

已尝试以下方法但不起作用：

var obj = [{
  "a": 1
}, {
  "b": 2
}, {
  "c": 3
}];

我正在尝试将a 中某些文本的基线div对齐到所说的最底部边缘div（这样字符 likeg和j实际上会溢出 div）

我似乎只能将文本元素的底部边缘与div. 我尝试在内部和外部元素上使用vertical-align值baseline和，但没有成功。bottom

div {
  height: 80px;
  width: 300px;
  background: #ff5;
  position: relative;
}

span {
  font-size: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}

<div>
  <span>
  TEST gjp ABC
  </span>
</div>

我还希望能够将基线从 div 底部偏移bottom: 10px;（例如，将文本的基线放置在距 div 底部边缘10px的位置）。

编辑：我还应该提到我想保留元素position: absolute;上的属性span，因为我想在父级中自由定位多个属性div.

例如，在这里，A的基线应位于 div 的下边缘，B的基线应位于其上方10px ， C的基线应位于其上方 …

我在包上看到了这段代码:

const SortableList = SortableContainer(({items}) => {
 return (
     <ul>
        {items.map((value, index) =>
            <SortableItem key={`item-${index}`} index={index} value={value} />
        )}
    </ul>
 );
});

items通过在函数参数中将花括号括起来会发生什么？

我发现自己经常使用以下模式

var line = "12|John Doe"
var pieces = line.split("|")
var user = {
   id : pieces[0],
   name : pieces[1]
} 
console.log(user)

你会如何使用下划线使这更简洁和优雅？

我正在尝试找出，如何找出多个键值的对象过滤器数组。与SQL类似-WHERE KEY in（val1，val2）lodash javascript library

var users = [
   { 'user': 'barney', 'age': 36, 'active': true },
   { 'user': 'fred',   'age': 40, 'active': false },
   { 'user': 'Avding',   'age': 34, 'active': true }
];

_.filter(...)