a
привет. А кто-то юзал wp-graphql ?
Size: a a a
2019 October 30
2019 October 31
TM
RH
Привет! Может кто знает, можно ли сделать конвертацию HTML to PDF на стороне клиента и является ли это хорошей практикой?
IO
делали что то похожее React -> html -> pdf как раз на фронте, нам было то что нужно. хотя фронт стал тяжелее
O
Roman Hrechuk
Привет! Может кто знает, можно ли сделать конвертацию HTML to PDF на стороне клиента и является ли это хорошей практикой?
я использовал
@react-pdf/renderer. Но он не берет твой хтмл и делает из него пдф. Пдфку нужно наверстать с помощью компонентов которые предоставляет либа.O
либа немаленькая, поэтому желательно лениво подгружать ее
S
Привіт, таке питання: чому одна і та ж компонента, працює по різному
// const Modal = ({children}) => {
// const el = document.createElement('div');
// useEffect(() => {
// root.appendChild(el);
// return () => root.removeChild(el);
// }, []);
// return createPortal(children, el);
// }S
class Modal extends Component {
constructor(){
super();
this.el = document.createElement('div');
}
componentDidMount(){
root.appendChild(this.el);
}
componentWillUnmount(){
root.removeChild(this.el);
}
render(){
return createPortal(this.props.children, this.el);
}
}S
при зміні стейту ( в середині порталу з використання useEffect ) воно тагне зміни по цілому порталі
S
через звичайний метод class Modal extends Component { ... } працює все ок
S
це якась особливість useEffect ?
SG
а про какую смену стейта речь?
SG
может нужно добавить
el в массив зависимостей useEffect?SG
(к сожалению, мало с порталами работал)
AR
Привіт, таке питання: чому одна і та ж компонента, працює по різному
// const Modal = ({children}) => {
// const el = document.createElement('div');
// useEffect(() => {
// root.appendChild(el);
// return () => root.removeChild(el);
// }, []);
// return createPortal(children, el);
// }одна закомментирована, вторая нет, потому и по-разному работают
AR
(извините)
S
а про какую смену стейта речь?
Портал це обгортка модалки. Контент модалки різний, зачасту це якісь форми.
В форми звичайни handleChange
В форми звичайни handleChange
const [value, setValue] = useState('');
....
const handleChange = evt => useState(evt.target.value);S
одна закомментирована, вторая нет, потому и по-разному работают
оцінив
SG
портал на каждый рендер будет создаваться в первом случае, получается?