react hooks cont a1 = [{a:1},{b:1},{c:1},{d:1}] const b1=[{q:2},{w:2},{e:2},{r:2}] 把两个数组合并成一个数组对象

你可以使用`map()`方法和`Object.assign()`函数将两个数组合并为一个数组对象。具体实现方式如下：

import React from 'react';

function Example() {
  const a1 = [{a:1},{b:1},{c:1},{d:1}];
  const b1 = [{q:2},{w:2},{e:2},{r:2}];

  const combinedArr = a1.map((item, index) => Object.assign({}, item, b1[index]));

  return (
    <div>
      {combinedArr.map(item => (
        <div key={Object.keys(item)[0]}>{item[Object.keys(item)[0]]} - {item[Object.keys(item)[1]]}</div>
      ))}
    </div>
  );
}

export default Example;

在上面的代码中，我们使用`map()`方法遍历`a1`数组，并使用`Object.assign()`函数将`b1`数组中的相应项合并到`a1`数组中的项中去，最终返回一个新的数组对象`combinedArr`，其中每个数组项都包含了`a1`和`b1`数组中的对应项。最后我们使用`Object.keys()`函数来获取对象属性名，然后将它们渲染到页面上。

注意，如果`a1`和`b1`数组的长度不相等，那么在使用`map()`方法时需要进行相应的处理，比如设置一个默认值或者进行判断处理。