Антон Спирин

Есть ли предложения, когда следует избегать использования Memo?

Я хотел бы знать, если у меня нет представления / компонента, который должен наблюдать за каким-либо состоянием или двунаправленной привязкой (например, просто визуализировать шаблон с помощью переданных опций и обрабатывать события в DOM), действительно ли Virtual DOM изменит это сценарии?

просто визуализировать шаблон с помощью переданных опций и обрабатывать события в DOM

this.props.navigation.navigate('Details', {
              itemId: 86,
              otherParam: 'anything you want here',
            });

str = str[0].toUpperCase() + str.slice(1);
// или
str = str.replace(/^./, m => m.toUpperCase());
// или
str = Array.from(str, (n, i) => i ? n : n.toUpperCase()).join('');

onItemHintClick = (index, e) =>
  this.setState(({ items }) => ({
    items: [
      ...items,
      [index]: {
        ...items[index],
        htogle: !items[index].htogle,
      },
    ],
  }));

class App extends React.Component {

  onTextClick = index => (e) => {
    ...
  }

  onHintClick = index => (e) => {
    ...
  }

  onExtaClick = index => (e) => {
    ...
  }

  render() {
    const items = [{}, {}];

    return (
      <ItemsList
        items={items}
        onTextClick={this.onTextClick}
        onHintClick={this.onHintClick}
        onExtaClick={this.onExtaClick}
      />
    )
  }
}

export default class Item extends React.Component {
  render() {
    const { item, index, onTextClick, onHintClick, onExtaClick } = this.props;

    return (
      <div className="item">
        <div className="item-over">...</div>
        <div className="item-main">
          <div className="item-text" onClick={onTextClick(index)} />
          <div className="item-hint"  onClick={onHintClick(index)} />
          <div className="item-extra" onClick={onExtraClick(index)} />
        </div>
      </div>
    );
  }
}

new Date(1563480543000)
Thu Jul 18 2019 23:09:03 GMT+0300 (Eastern European Summer Time)