clip-path, но осторожно из-за ограниченной поддержки браузерами; почитатьmask-image, но также осторожно из-за ограниченной поддержки браузерами; почитатьbackground-image, если конечно ваша фигура не изменяет внешний вид при взаимодействии. Любой другой способ занимает сильно больше времени, либо заметно уменьшает список поддерживаемых браузеров, что позволяет в большинстве случаев отказаться от интерактивных свойств.
import React, { useState } from 'react';
import Hi from './Hi'
function display(){
return <Hi/>
}
export const Main = () => {
const [isHiVisible, setHiVisible] = useState(false);
const onClick = () => {
setHiVisible((prev) => !prev);
}
return (
<div>
<button onClick={onClick}>отобразить</button>
{isHiVisible &&
<Hi/>
}
</div>
);
};const path = require('path');
const htmlPlugin = require('html-webpack-plugin');
const publicPath = path.join(__dirname, 'build');
module.exports = {
entry: './source/index.tsx',
output: {
path: publicPath,
filename: '[name].[contenthash].js',
chunkFilename: '[name].[chunkhash].js',
publicPath: '/',
},
devServer: {
static: publicPath,
historyApiFallback: true,
hot: true,
port: 6790,
},
resolve: {
extensions: ['.ts', '.tsx', '.js', '.jsx', 'ttf'],
},
module: {
rules: [
{
test: /\.(ts|tsx)$/,
include: path.resolve(__dirname, 'source'),
loader: 'ts-loader',
options: {
transpileOnly: true,
},
},
]
},
plugins: [
new htmlPlugin({
publicPath: '/',
template: './source/index.html',
favicon: './source/assets/images/favicon.png'
}),
],
};<code>*</code>, но главное не забыть позицию, чтобы потом поставить обратно
tls.connect.return tls.connect({
...omit(opts, 'host', 'hostname', 'path', 'port'),
socket,
servername
});const tlsConnection = tls.connect({
...omit(opts, 'host', 'hostname', 'path', 'port'),
socket,
servername
});
tlsConnection.on('error', () => {
return null;
});
return tlsConnection;throw new Error(). Если найду другое решение, отпишу в комменты
leftJoin. Взамен необходимо было использовать leftJoinSub
<section> на простой класс section, иначе эффект будет только хуже, не говоря уже про множество <h1>. Подробнее можно почитать тут<img>, масло масляное получается.<div> с фоновой картнкой
var elements = document.querySelectorAll('.click');
for ( var index = 0; index < elements.length; index++ ) {
elements[index].addEventListener( 'click', function() {
var id = this.id;
console.log( id );
} )
}video тэг - плохая практика.merits__ring-list div:nth-child(1)