Кнопки на kotlin +react

Question

Как можно создать кнопку с полем, что бы мы могли в пустое поле записать текст и этот текст записался бы в заранее созданный массив

Answer 1

а под kotlin сами переделаете :3

const myArr = [];

class App extends React.PureComponent {
  constructor() {
    super();
    this.inputRef = React.createRef();
    this.pushItem = this.pushItem.bind(this);
  }
  
  pushItem() {
      const { current } = this.inputRef;
      
      myArr.push(current.value);
      current.value = '';
      console.log(myArr);
  }
  
  render() {
    return (
      <div>
        <input ref={this.inputRef}/>
        <button onClick={this.pushItem}>push me</button>
      </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'));

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

БЛОГ НА HUSL

Кнопки на kotlin +react

Ответы (1 шт):