hyperhtml

0열

2답변

HyperHTMLElement을 사용하는 경우 this.children 또는 this.querySelector()을 사용하여 구성 요소의 내용에 액세스 할 수 있습니다. 이는 요소이기 때문에 가능합니다. 그러나 hyper.Component을 사용하면 어떻게 비슷한 동작을 얻을 수 있습니까? 내가 염두에두고있는 가상의 예는 React docs입니다. http

1열

1답변

HyperHTML - 전체 구성 요소 DOM을 다시 렌더링하지 않고도 구성 요소 상태를 업데이트 할 수 있습니까?

다음과 같은 hyperHTML 구성 요소가 있습니다. 의도 한대로 모든 것이 작동하지만 유일한 문제는 모든 구성 요소 DOM이 모든 this.setState() 호출에서 렌더링된다는 것입니다. 내 질문 : 전체 구성 요소의 DOM 렌더링 다시없이 DOM의 알림 문자열을 업데이트 할 수있는 방법이 있습니까? const { hyper } = hyperHTML;

1열

1답변

hyperHTML : 루프의 일반 내용이 항상 전체로 렌더링되어 바인딩이 끊깁니다 (클릭 이벤트)

hyperHTML을 사용하여 일부 문제가 생겼습니다 (어쩌면 일부 이해 문제 만있을 수 있습니다). 루프에 동적 콘텐츠가있는 경우 콘텐츠가 완전히 렌더링되어 바인딩이 손실됩니다 (document.body.innerHTML = content과 같이 hyperHTML이 아닌 것 같습니까?). 렌더링되는 내용을 클릭 function render() {

0열

1답변

material.io 구성 요소를 hyperHTML로 다시 구현하는 방법은 무엇입니까?

내가 구현/통합하는 방법을 material.io 구성 요소의 반작용 예제를 찾고 구성 요소 반응 : https://github.com/material-components/material-components-web/blob/master/framework-examples/react/src/Checkbox.js 내가 더 라이프 사이클 이벤트 통화가 없기 때문에

1열

2답변

반복되는 요소의 이벤트 핸들러

저는 hyperHTML을 처음 사용하고 있으며 실험 중입니다. 여기에 내 질문이있다. 반복되는 템플릿 요소에 이벤트 처리기를 어떻게 추가합니까? 여기 내 웹 구성 요소의 : import css from './component.css'; import isJson from '../utils/isJson.js'; const hyper = hyperHT

1열

2답변

Chrome에서 hyperHTML로 렌더링되지 않는 AFrame 콘텐츠

A 프레임 콘텐츠는 FireFox 및 Safari에서 렌더링되는 동안 Chrome에서 렌더링되지 않습니다. as CodePen here const {hyper, wire} = hyperHTML; 내가 뭔가를 누락 확신 class Box extends hyper.Component { render() { return this.html` <a

0열

1답변

노드 간의 부분 출력을 어떻게 수행 할 수 있습니까?

한 가지 hyperHTML의 기능 읽어 내 눈에 잡힌 그래서 기존 제거하지, 나는 document.body에 추가 요소의 배열을 렌더링하기 위해 노력하고있어 노드 사이의 부분 출력을 그 html 파일에 정의되었습니다. 요소 배열을 추가하고 변경 사항이있는 경우 요소를 업데이트하는 선언적 렌더링입니다.

0열

1답변

hyperHTML이 적용된 애니메이션

CSS 입력 애니메이션과 DOM을 입력하는 hyperHTML 요소를 결합하려고합니다. 내 첫 번째 생각은 'onconnected'이벤트를 사용하는 것이지만 그 접근법에 타이밍 문제가 있습니다. 그리고 그렇게하는 것이 옳지는 않습니다. 특히 setTimeOut을 추가하여 작동하도록 만들 필요가없는 경우에는 특히 그렇습니다. const onConnected =