Блог

столкнувшись со странной проблемой, когда onClick() не отвечает в зависимости от его размещения. Ниже приведен код высокого уровня для моего компонента, который содержит две функции(handleClick и displayContent) и отображает контейнер. Просмотрел другие сообщения о переполнении стека и убедился, что нет указателя-события:не объявлено свойство.

 const Component = () =gt; {  const state = useContext();  function handleClick() {  history.push({pathname: url});  }    function displayContent() {  if(state.x === 0) { //reading from local storage via context provider and useContext hook  lt;divgt;  ...  lt;div className={} onClick={navigate}gt;  lt;spangt;  Text  lt;spangt;  lt;/divgt;  lt;divgt;  }  }   return (  lt;Containergt;  ....  {displayContent()}  lt;CustomTaggt;  ....  lt;/CustomTaggt;  lt;/Containergt;  );  }  

onClick на div, если я размещу displayContent, как показано ниже, работает.

 return (  lt;Containergt;  ....  lt;CustomTaggt;  {displayContent()}  ....  lt;/CustomTaggt;  lt;/Containergt;  );   

Пользовательский тег-это просто стилизованный div

 const CustomTag = styled.div'  display: flex;  height: px';