VI
VI
Да гит тоже эть
VI
Скинуть?
{ Amir }
можешь
VI
Секунду сделаю комит
VI
https://gitlab.com/Tychowski/socialappreact
VI
спасибо :)
{ Amir }
value получаешь с пропсов
{ Amir }
а должен со state
{ Amir }
this.state
{ Amir }
при печати ты меняешь локал стейт, а после блюра диспатчишь в стор
Anonymous
мне нужна помощь уже много часов немогу сделать
VI
Не понял ;(
{ Amir }
Не понял ;(
меняй value на value={this.state.status}
Anonymous
как думаете как можно отключить камеру
{ Amir }
@FaridYusifzadeh не получилось как писали?
VI
{ Amir }
Anonymous
Anonymous
ни как
VI
@AmirQazaq Большое СПАСИБО 😉 выручил!
Anonymous
@Maxsimspon дарова, а у нас же аналог санок в эффекторе это криэйтЭффект?
{ Amir }
нее друг
чел в библиотеке не описал метод MediaStreamTrack.stop()
{ Amir }
@FaridYusifzadeh https://github.com/ccwukong/react-cam/blob/master/src/lib/reactCam.js
Anonymous
Мне выдает нет такой
Anonymous
Функции
{ Amir }
@FaridYusifzadeh запускается камера в браузере?
Anonymous
Да
Anonymous
И фоткаю
{ Amir }
ты сделал кнопку закрытия?
Anonymous
Да
{ Amir }
чтоб был ререндер без компонента камера?
Anonymous
Кнопка сфоткать
Anonymous
Anonymous
гуд, мчу в верном направлении )
Anonymous
{ Amir }
Anonymous
okk
{ Amir }
Плагин записывает фотку в canvas.toDataURL('image/jpeg')
Anonymous
да то хобби в перекуры )
{ Amir }
@FaridYusifzadeh это смотрел ? https://github.com/ccwukong/react-cam/blob/master/example/src/index.js
Anonymous
import React, { useRef, useState, useEffect } from 'react';
import { Camera } from 'react-cam';
import Placeholder from '../../Images/placeholder.jpg';
// import Fab from '@material-ui/core/Fab';
// import DeleteIcon from '@material-ui/icons/Delete';
const WebCamera = () => {
const [placeholder, setPlaceholder] = useState(Placeholder);
const capture = imgSrc => {
setPlaceholder(imgSrc);
console.log(imgSrc);
};
const cam = useRef(null);
const deletePlaceholder = () => {
setPlaceholder('');
};
return (
<React.Fragment>
<div>
{placeholder ? (
<>
<img src={placeholder} alt='img' style={{ position: 'relative' }} />
<button
style={{
alignItems: 'center',
justifyContent: 'center',
background: 'blue',
color: 'white',
textAlign: 'center',
borderRadius: '50%',
cursor: 'pointer',
textDecoration: 'none',
fontSize: '20px',
position: 'absolute',
width: '50px',
height: '50px',
marginTop: '259px',
marginLeft: '135px'
}}
onClick={deletePlaceholder}
></button>
</>
) : (
<>
<Camera
width={395}
height={310}
btnColor='#FFEB3B'
capture={capture}
ref={cam}
// capture={this.captureHandler}
/>
<button
onClick={img => {
cam.current.capture(img);
}}
>
Shekili cek
</button>
</>
)}
</div>
</React.Fragment>
);
};
export default WebCamera;
Anonymous
Anonymous
мужики кроссворды разгадывают, рассказывает кто как порыбачил/бухнул/трахнул повариху, а я в эффектор играюсь, смотрят как на прокаженного, думают болею чем-то
Anonymous
ну у нас коллектив молодой относительно, все вчерашние фронты
{ Amir }
у меня точно также
ну так тебе после того как сфоткал надо записать фотку в локалстейт, ререндерить компонент уже с img или canvas и туда кинуть картинку
{ Amir }
@FaridYusifzadeh Если делаешь ререндер,то камера выключается?
Anonymous
вчерашние бэки самые лютые типы, подкуривают электронные сигареты прям от печей сталелитейных
Anonymous
Anonymous
гироскутеры от 380 заряжают, айфоны от индукционной плавильной установки
Anonymous
а из аймака мы классную пепельницу замутили
{ Amir }
Anonymous
Anonymous
непойму уже как делать
{ Amir }
а почему стейт очищается?
{ Amir }
может не записывается туда?
{ Amir }
есть пару вариантов
{ Amir }
в button onClick записать useEffect
{ Amir }
хотя useState должен и так работать
{ Amir }
@FaridYusifzadeh сделай дебаг стейта
Anonymous
{ Amir }
блин
{ Amir }
у тебя нет return
{ Amir }
Если пишешь () => { }, то вроде нужен return
Dmitry
не вроде
Dmitry
точно нужен возврат
Anonymous
Anonymous
где не написал
{ Amir }
Anonymous
Dmitry
Парни, кто прошел\проходит этот курс на ютубе, можете дать фитбек, как он? стоит начинать? Заранее спасибо!
{ Amir }
Anonymous
{ Amir }
покажи че поменял
Anonymous
Щас
Кирилл
Anonymous
<button
onClick={img => {
return cam.current.capture(img);
}}
Anonymous
тут ретерн поставил
{ Amir }