Изменение строки на странице

Чтобы обновить текст на странице, достаточно изменить переменную. При изменении переменных, они автоматически будут изменяться на самом сайте (React-приложении).

В качестве примера можно создать текстовое поле, и добавить атрибут onChange, который будет обновлять переменную при каждом изменении значения.

<input type="text" onChange={this.changeName} defaultValue={this.state.name} />

И создать метод changeName().

class Items extends React.Component {
    constructor(props) {
        super(props);
        this.state = {name: "React"};
        this.changeName = this.changeName.bind(this);
    }
    
    changeName(e) {
        this.setState({ name: e.target.value });
    }
}

Пример кода на JSFiddle

Комментарии

Авторизуйтесь, чтобы добавлять комментарии