Question

有两种方法可以设置HTML文本区域的大小 - HTML中的rows和cols属性以及CSS中的height和width属性。不幸的是，这些设置了首次加载页面时textarea的默认大小，以及用户可以通过在页面上调整大小来获得的最小大小。如何为这些设置不同的尺寸？

Answer 1

您必须使用文本区域的最小宽度和最小高度。

export default class Checklist extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      checkedItems: new Set()
    }

    this.addItem = this.addItem.bind(this);
    this.removeItem = this.removeItem.bind(this);
  }

  addItem(item) {
    this.setState(({ checkedItems }) => ({
      checkedItems: new Set(checkedItems).add(item)
    }));
  }

  removeItem(item) {
    this.setState(({ checkedItems }) => {
      const newChecked = new Set(checkedItems);
      newChecked.delete(item);

      return {
       checkedItems: newChecked
      };
    });
  }

  getItemCheckedStatus(item) {
    return this.state.checkedItems.has(item);
  }

  // More code...
}

在css中使用：

<textarea rows="4" cols="10" id="myTextArea">Welcome to StackOverflow</textarea>

如何从最小尺寸单独设置textarea的默认大小？

1 个答案: