Разный gpu на железе, мб из-за этого

так они и на разных ос по-разному рендерятся

> у меня вот в докере запускается папетир локально и иногда шрифты на сиайке и локально рендерятся иначе

в одном том же образе, в одной и тойже версии браузера?
возможно кастомные шрифты не успевают загрузится?

да

нет, шрифты одинаковые, разница в рендеринге шрифтов

иногда шрифт на 1 пиксель может сьехать влево

Доброго дня! Подскажите, пожалуйста:
class ComeComponent extends React.Component {

 constructor(props) {
   super(props);
   this.oneStaticElementRef = React.createRef();
 
 this.dynamicElements = [1,2,3,4,5];
 }
 
 handleClick() {
 console.log(this.oneStaticElementRef.current.offsetWidth);
 }
 
 generateElements = () => {
 this.result = this.dynamicElements.map((row) => (<div className="item">{row}</div>));
 
 //как тут получить доступ к элементу через ref для первого добавленного элемента, в моём случае ширину элемента? аналог document.querySelector('.wrapper').children[0].offsetWidth;
 }
 
 render() {
   return (
     <div className="wrapper">
   {this.result}
       <div ref={this.oneStaticElementRef}>some text</div>
     
       <button type="button" onClick={this.handleClick}>
         click me
       </button>
     </div>
   );
 }
}

для статического элемента знаю как, а для динамически добавленных как?

props.dynamicElements.forEach(item => {
   this[`${item}_ref`] = React.createRef()
  });

{dynamicElements.map(item =>
      <div key={item} ref={this[`${item}_ref`]}></div>
     }

Вроде так

спасибо большое! сейчас попробую

props.dynamicElements.forEach(item => {
   this[`${item}_ref`] = React.createRef()
  });

{dynamicElements.map(item =>
      <div key={item} ref={this[`${item}_ref`]}></div>
     }

странно, теперь если вывожу в консоль так: console.log(this['0_ref'].current), то выводит null, а если без .current так: console.log(this['0_ref']), выводит объект {current: null}, но его можно раскукожить и там есть весь объект элемента, ширина и т.д.

реф добавляю правильно <div key={i} ref={this[${i}_ref]}></div> - i тут счетчик от нуля

Чому через родича не можна? Враппер отримати і тоді бери будь який чайлд

блин точно, чет туплю)

https://prnt.sc/un40zz

Подскажите, почему может не вызываться моя функция внутри компонента?
Вроде правильный мок передаю

const FormInputs = ({setEmail,setName,setText,setFileFormat,email,text,name}) => { <div>inputs....</div>

получается к родителю надо обращаться только в componentDidUpdate?

в componentDidMount где генерируются элементы, почему-то current null

и в componentDidUpdate 2 раза выводится родитель в консоль, так и должно быть по идее? перерендеринг происходит похоже

всё, проблему решил, спасибо большое! генерировать надо было в конструкторе, и тогда всё норм в componentDidMount

А ты где делал ?