class Option extends React.Component {
  constructor(props) {
    super(props);
    this.handleClickOption = this.handleClickOption.bind(this);
  }
  handleClickOption() {
    // some code
  }
  render() {
    return (
      <li onClick={this.handleClickOption}>{this.props.option}</li>
    );
  }
}

我使用eslint-config-airbnb检查上面的代码,它显示了一个错误消息Component should be written as a pure function.

那么如何将上面的组件改为纯函数呢？

谢谢你的帮助.

背景img如图1所示,要求

1. 宽度覆盖手机屏幕和高度自适应
2. 位置编号到精确点(如图2)

如果将图1更改为图3,我可以将单行文本定位到精确点. 请看看jsbin.但它并没有真正解决问题.

我不知道如果背景img如图1所示该怎么做.还有其他想法吗？谢谢.

图.1

图2

图3

英语不是我的母语; 请原谅输入错误.

我已经尝试过 autoFocus 或 focus()，但似乎不起作用。

<textarea autoFocus />

or

<textarea ref="textarea" />
componentDidMount() {
  findDOMNode(this.refs.textarea).focus();
}

编辑

autoFocus似乎可以在 Chrome 中使用。

两者autoFocus foucs()都不适用于 iOS。