Question

我找不到带有粘贴图片网址的图片选择器组件＆＃39;现场\标签。
例如Google图片搜索就有。
如果React的这些组件已经存在？我无法使用搜索引擎找到它们。

Answer 1

我不知道任何套餐，但自己实施起来并不难。这是我拼凑的一个简单例子，这是你正在寻找的吗？

＆＃13;

class ImagePicker extends React.Component {
  
  state = {
    showImage: true,
    src: 'http://www.unixstickers.com/image/data/stickers/react/badge/React-JS.sh.png'
  };
  
  handleChange = e => {
    this.setState({
      src: e.target.value,
      showImage: false
    });
  };
  
  handleSubmit = () => {
    this.setState({
      showImage: true
    });
  };

  render() {
    const { src, showImage } = this.state;
    return (
      <div>
        Enter image url<br/>
        <input type="text" onChange={this.handleChange} value={src} />
        <button onClick={this.handleSubmit} >Load Image URL</button>
        <hr/>
        {showImage && <img src={src} />}
      </div>
    )
  }
}

ReactDOM.render(<ImagePicker/>,document.getElementById('root'));

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>

＆＃13;

无法使用粘贴图片网址找到图片选取器组件＆＃39;场\标签

1 个答案: