如何重写此Textarea组件以进行重组？

Question

我有那个React Component，我需要重写它来重新组成。我不知道该怎么做。你能帮我吗？

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

在我看来，不值得使用recompose来重构需要访问引用的组件。您需要在组件中访问此上下文并重新组合，这只会使问题更加复杂。 （您可以尝试使用Lifecycle，但我认为您会失去所需的上下文）

您可以使用withProps提供占位符文本，但这是我建议的唯一用于重新构成的文本。