如何重寫這個Textarea組件來重構？

Question

我有React組件，我需要重寫它來重構。 我不知道如何正確地做到這一點。 你能幫助我嗎？

import React, { Component } from "react";
import autosize from "autosize";

class Textarea extends Component {

  componentDidMount() {
    this.textarea.focus();
    autosize(this.textarea);
  }

  render() {
    return (
      <textarea
        ref={c => (this.textarea = c)}
        placeholder={'Tell us your story...'}
      />
    );
  }
}

export default Textarea

Answer 1

在我看來，不值得使用重構來重構需要訪問refs的組件。 您需要訪問組件中的此上下文並重新組合才能使其更復雜。 （你可以嘗試使用生命周期，但我認為你會失去你需要的環境）

您可以使用withProps來提供占位符文本，但這是我建議的重構的唯一用途。