携程前端一面(面试官已退出)

1. 自我介绍
2. typeof null
3. 选择器优先级
4. 下列代码输入框输入为什么没有发生改变

import React, { useState } from "react";
const Parent = () => {
  const [value, setValue] = useState({ a: 0, b: 0 });
  return (
    <>
      <h4>a:{value.a}</h4>
      <h4>b:{value.b}</h4>
      <Children
        value={value}
        onChange={(val) => {
          setValue(val);
        }}
      />
    </>
  );
};


const Children = ({ value = { a: "", b: "" }, onChange = () => undefined }) => {
  const handleChange1 = (event) => {
    const val = event?.target?.value;
    if (val) {
      value.a = val;
      onChange(value);
    }
  };


  const handleChange2 = (event) => {
    const val = event?.target?.value;
    console.log(val, "2");
    if (val) {
      value.b = val;
      onChange(value);
    }
  };
  console.log(value, "value????");
  return (
    <>
      <input value={value.a} onChange={handleChange1} />
      <input value={value.b} onChange={handleChange2} />
    </>
  );
};
export default Parent;

1. 聊项目，聊了好久
2. js基本数据类型
3. 实现水平居中、垂直居中、水平垂直居中
4. call、bind、apply
5. 实现一个正方形(我惊呆了，问了下不是宽高自适应正方形吗)
6. 为什么选择前端(回答的时候发现面试官已退出...)