Câu hỏi phỏng vấn React.js
Câu hỏi

Forwarding Refs trong React đển làm gì?

Câu trả lời

Forwarding Refs trong React là một kỹ thuật cho phép bạn chuyển một ref tự động qua một component để nó có thể truy cập đến một phần tử DOM con hoặc một instance của class component con. Điều này thường cần thiết khi bạn muốn một component cha có thể tương tác trực tiếp với một phần tử DOM hoặc component con mà không cần phải thêm các props trung gian hoặc logic bổ sung.

Cách Sử Dụng Forwarding Refs

Để sử dụng forwarding refs, bạn sẽ sử dụng hàm React.forwardRef để tạo một component. Hàm này nhận vào một hàm render và trả về một component React. Hàm render này nhận vào propsref như là tham số và trả về một React element.

Ví dụ:

jsx Copy
const MyInput = React.forwardRef((props, ref) => (
  <input ref={ref} {...props} />
));

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef();
  }

  focusInput = () => {
    this.inputRef.current.focus();
  };

  render() {
    return (
      <>
        <MyInput ref={this.inputRef} />
        <button onClick={this.focusInput}>Foc...
middle

middle

Gợi ý câu hỏi phỏng vấn

middle

Bạn thích hooks nào trong React? Hãy mô tả cách tạo một hooks bất kỳ.

middle

Tại sao nên dùng fragment thay vì div trong React?

junior

JSX là gì? Trình duyệt có đọc được JSX không?

Bình luận

Chưa có bình luận nào

Chưa có bình luận nào