0

Как это поправить? добавлял фиксированную ширину, высоту, overflow: hidden. Ничего не помогло

import React from 'react';


export default class Time extends React.Component {
    state = {
      curTime: new Date()
    };

    componentDidMount() {
        this.update = setInterval(() => {
            this.setState({ curTime: new Date() });
        }, 1 * 1000); // every 1 seconds
    }

    componentWillUnmount() {
        clearInterval(this.update);
    }

    render() {
        return (
            <div className="header_clock">
                    {this.state.curTime.toLocaleTimeString()}
            </div>
        )
    }
}

1 ответ 1

0

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

class Time extends React.Component {
    state = {
      curTime: new Date()
    };

    componentDidMount() {
        this.update = setInterval(() => {
            this.setState({ curTime: new Date() });
        }, 1 * 1000); // every 1 seconds
    }

    componentWillUnmount() {
        clearInterval(this.update);
    }

    render() {
        return (
            <div className="header_clock">
                    {this.state.curTime.toLocaleTimeString()}
            </div>
        )
    }
}

class App extends React.Component {
  render() {
    return (
      <div className="wrapper">
        <Time />
      </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById("root"));
.wrapper {
  width: 20em;
  height: 5em;
  background-color: red;
  overflow: auto;
}

.header_clock {
  font-size: 6em;
}
<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>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.