честно говоря вообще не представляю как норм округлить

0.00000053 * 10**6

хочу чтобы округляло до 4 знаков например после запятой и не показывало 0.0000

Есть же методы жс

честно говоря вообще не представляю как норм округлить

https://javascript.ru/number/toprecision

хочу чтобы округляло до 4 знаков например после запятой и не показывало 0.0000

Это вообще как ? "округлить до 4-х знаков" и в итоге не показывать их :)

ну можете поиграться с новшеством NumberFormat https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

Для серверного рендеринга используется react native?

SSR

Для серверного рендеринга используется react native?

нет

Есть числовой инпут (голы в футболе), в программе он может быть пустой (игры еще не было), а может быть и 0 (игры была сыграна и 0 голов). Реакт бросает варнинг, мол не может быть нулом - Warning: value prop on input should not be null. Consider using an empty string to clear the component or undefined for uncontrolled components. Что делать в таком случае?

https://javascript.ru/number/toprecision

Спасибо *^*

Спасибо *^*

Вы должны понимать после toPrecision обратного пути не будет, т.е. ваши 4-ре знака будут безвозвратно потеряны в процессе.

Есть числовой инпут (голы в футболе), в программе он может быть пустой (игры еще не было), а может быть и 0 (игры была сыграна и 0 голов). Реакт бросает варнинг, мол не может быть нулом - Warning: value prop on input should not be null. Consider using an empty string to clear the component or undefined for uncontrolled components. Что делать в таком случае?

преобразуй null к пустой строке value === null ? ‘’ : value

Вы должны понимать после toPrecision обратного пути не будет, т.е. ваши 4-ре знака будут безвозвратно потеряны в процессе.

понятно

может кто помочь округлить числа ? у меня цены примерно такие 0.0000053 цента в интерфейсе иногда и больше нулей - toFixed иногда выводит просто 0.00000 - Math.ceil - всегда показывает 1 - Math.round всегда 0 хз чу делать (((

Можно так String(num).replace(/^(\d+[.,]\d{0,4})\d*$/, '$1')

преобразуй null к пустой строке value === null ? ‘’ : value

спасибо

Можно так String(num).replace(/^(\d+[.,]\d{0,4})\d*$/, '$1')

офигенное округление :) не подскажите в какую сторону округяет такой подход ?

это "отсечение" дробной части от вещественного, и то при условии до 4-х знаков

офигенное округление :) не подскажите в какую сторону округяет такой подход ?

ой, я понял свою ошибку, это да, не внимательно прочитал, думал обрезать просто надо, не прав.

ребят, посоветуйте пожалуйста как лучше всего валидировать формы на клиенте? сторонние библеотеки возможно?

ребят, посоветуйте пожалуйста как лучше всего валидировать формы на клиенте? сторонние библеотеки возможно?

final-form

formik

ребят, посоветуйте пожалуйста как лучше всего валидировать формы на клиенте? сторонние библеотеки возможно?

без доп библиотек можно, если нет особой необходимости (типа очень уж много полей и тд тп, или если знаешь хорошо формик/файнал-форм и нравиится)

ребят, посоветуйте пожалуйста как лучше всего валидировать формы на клиенте? сторонние библеотеки возможно?

а сама суть валидации (в теории, вроде про это вопрос): в стейте есть значения, в рендере есть валидирующие функции. Так как на каждое изменение стейта - вызвается render, будут вызываться и функциии валидаторы значит.

без доп библиотек можно, если нет особой необходимости (типа очень уж много полей и тд тп, или если знаешь хорошо формик/файнал-форм и нравиится)

пробовал делать по этому примеру - https://github.com/benawad/basic-react-form/blob/3_client_side_validation/src/Form.js получается фиговенько

пробовал делать по этому примеру - https://github.com/benawad/basic-react-form/blob/3_client_side_validation/src/Form.js получается фиговенько

что именно “фиговенько” ?

Что касается округления в JS, тема "больная", все не очень просто и очевидно, тем не менее не надо изобретать велосипеды, обращаемся к методам базовой библиотеки Math: ceil() [округление вверх], round() [арифмитическое с горизонтом в 0,5], floor() [округление вниз] PS: для ceil и floor надо также понимать как они себя поведут с отрицательными числами

что именно “фиговенько” ?

видимо не разобрался с material-ui, толи оно не работает)

видимо не разобрался с material-ui, толи оно не работает)

значит 1й шаг, убрать материал-юай, взять одно поле и сделать валидацию только для него. Это поле - простой input, правило для валидации - любое, например: не меньше 5 символов

видимо не разобрался с material-ui, толи оно не работает)

validate =() => { if (this.state.xxx.length < 5) { return <p> меньше 5 символов </p> } return null } ... render() { ... <div>{this.validate()}</div> <input type={text} onChange={this.hanleChange} value={this.state.xxx} /> }

А что делает в этом примере hanleChange?

validate =() => { if (this.state.xxx.length < 5) { return <p> меньше 5 символов </p> } return null } ... render() { ... <div>{this.validate()}</div> <input type={text} onChange={this.hanleChange} value={this.state.xxx} /> }

validate =() на нахуй чтоб не пиздел?

А что делает в этом примере hanleChange?

изменяет xxx в стейте

validate =() на нахуй чтоб не пиздел?

wat?

зашквар...

Просто он не описан в примере, я правильно понял?

Просто он не описан в примере, я правильно понял?

да, но там handleChange = (e) => { this.setState({ xxx: e.currentTarget.value }) }

а this.validate() у нас будет вызывать при каждом измененни которое следует после handleChange ?

вызываться*

Попробуй так handleChange = (e) => { this.setState({ xxxtentacion: 'rip' }) }

уууу шутки про смерть черного репера...

уууу шутки про смерть черного репера...

Ну в данном случае невозможно серьезно

а this.validate() у нас будет вызывать при каждом измененни которое следует после handleChange ?

да, будет на каждый рендер выполняться функция this.validate так как там стоят ( ) а render будет вызываться, так как изменяется state

Можете порадоваться. https://youtrack.jetbrains.com/issue/WEB-23894

Чётко

кто то знает, как в recompose в lifeCircle didMount засетить стейт?

кто то знает, как в recompose в lifeCircle didMount засетить стейт?

Any state changes made in a lifecycle method, by using setState, will be propagated to the wrapped component as props.

Any state changes made in a lifecycle method, by using setState, will be propagated to the wrapped component as props.

+1 (просто this.setState вызывай как обычно)

попробую

хотя есть вариант выше объявить withStateHandlers и дергать методы оттуда такой вариант мне больше нравится

хотя есть вариант выше объявить withStateHandlers и дергать методы оттуда такой вариант мне больше нравится

во?

хотя есть вариант выше объявить withStateHandlers и дергать методы оттуда такой вариант мне больше нравится

почему?

почему?

¯\_(ツ)_/¯

¯\_(ツ)_/¯

потому что что то не могу понять, чей понтекст будет у this, когда вызываешь в lifeCircle didMount this.setState

потому что что то не могу понять, чей понтекст будет у this, когда вызываешь в lifeCircle didMount this.setState

lifecycle ) не удержался

потому что что то не могу понять, чей понтекст будет у this, когда вызываешь в lifeCircle didMount this.setState

https://github.com/acdlite/recompose/blob/master/src/packages/recompose/lifecycle.js

Привет посоветуйте плз софтину в которой можно делать сайт по бырому с кодом но с упором в вижуал чтоб прямоугольнички тени все так настраивать

просто рутинно довольно хотелось бы графически с кодом

смотрел на bootsrap studio

но чет

у меня есть странный вопрос, на который я чет не могу найти ответ. есть 10 проектов, в них есть одниковая helpers/utils папка, ну всякие там запросы на апи, функции полезные. каким боком ее можно юзать на несколько проектов, и обновлять повсеместно? Ну на одном проекте допилил, быстро залил на другие. Кроме выгрузки в npm не вижу вариантов

ERROR: S client not available

npm умеет с гита подтягивать

как в дочернюю функцию получить родительский props? дочерняя функция подключается вот так <React.Fragment>{btnIconFunc(this.props)}</React.Fragment> Не могу понять Если выводить как тег, то работает так, но так низзя <btnIconFunc btnIcon={this.state.btnIcon}/>

Просто отдельная репа для этих утилит и как написали выше тяни как npm пакет. Npm это может

npm умеет с гита подтягивать

не знал, а устанавливать будет в node_modules или можно как-то ему намекнуть куда?

В node_modules как и все другие пакты

всем спасибо

Всем привет. Подскажите плиз. Использую CRA. Начинаю писать тесты. Есть компонент, который использует библиотеку Snapsvg, файл которой я положил в public и подключаю в html так: <script src="%PUBLIC_URL%/snap.svg-min.js"></script> потому что поддержка библиотеки заброшена, и модуля нет. Я пытаюсь написать тест, ну допустим просто маунт компонента: it('renders without crashing', function () { const div = document.createElement('div'); ReactDOM.render(<Logo />, div); }); Но тест валится, Snap is not defined. короче говоря, мне нужно что Snap был в window. Как можно сделать? Оно начинает работать, если я скопирую код либы перед кодом моего теста.

как в дочернюю функцию получить родительский props? дочерняя функция подключается вот так <React.Fragment>{btnIconFunc(this.props)}</React.Fragment> Не могу понять Если выводить как тег, то работает так, но так низзя <btnIconFunc btnIcon={this.state.btnIcon}/>

как в дочернюю функцию получить родительский props? дочерняя функция подключается вот так <React.Fragment>{btnIconFunc(this.props)}</React.Fragment> Не могу понять Если выводить как тег, то работает так, но так низзя <btnIconFunc btnIcon={this.state.btnIcon}/>

Давай больше кода, пока ничего не понятно вобще

Всем привет. Подскажите плиз. Использую CRA. Начинаю писать тесты. Есть компонент, который использует библиотеку Snapsvg, файл которой я положил в public и подключаю в html так: <script src="%PUBLIC_URL%/snap.svg-min.js"></script> потому что поддержка библиотеки заброшена, и модуля нет. Я пытаюсь написать тест, ну допустим просто маунт компонента: it('renders without crashing', function () { const div = document.createElement('div'); ReactDOM.render(<Logo />, div); }); Но тест валится, Snap is not defined. короче говоря, мне нужно что Snap был в window. Как можно сделать? Оно начинает работать, если я скопирую код либы перед кодом моего теста.

В доках описано как подключать с вебпаком

В доках описано как подключать с вебпаком

прошерстил уже доки, вроде не нашел. Но я решил. В файле тестов вот так: import A from '../assets/snap.svg-min' Я пытался сделать так и в компонентах, но сборщик ругался и не собирал эту либу, находя внутри какие то ошибки. Поэтому я подключил ее в html. А вот в тестовом файле все прокатило. после импорта объект Snap оказывается в глобальном доступе.

прошерстил уже доки, вроде не нашел. Но я решил. В файле тестов вот так: import A from '../assets/snap.svg-min' Я пытался сделать так и в компонентах, но сборщик ругался и не собирал эту либу, находя внутри какие то ошибки. Поэтому я подключил ее в html. А вот в тестовом файле все прокатило. после импорта объект Snap оказывается в глобальном доступе.

https://github.com/adobe-webplatform/Snap.svg#use

Если это та либа

хмм, либа та

ту ок, спасибо, возможно это бы дейсвтительно сработало, только надо eject

Если у тебя CRA то eject делать

да

да

а я не eject ))

по этому я просто сделал import Snap from 'snapsvg'; в тестовом окружении, и все работает

точнее, я сделал import A from ...;

Всем привет. Подскажите плиз. Использую CRA. Начинаю писать тесты. Есть компонент, который использует библиотеку Snapsvg, файл которой я положил в public и подключаю в html так: <script src="%PUBLIC_URL%/snap.svg-min.js"></script> потому что поддержка библиотеки заброшена, и модуля нет. Я пытаюсь написать тест, ну допустим просто маунт компонента: it('renders without crashing', function () { const div = document.createElement('div'); ReactDOM.render(<Logo />, div); }); Но тест валится, Snap is not defined. короче говоря, мне нужно что Snap был в window. Как можно сделать? Оно начинает работать, если я скопирую код либы перед кодом моего теста.

если бы юзал энзиме и джест, то проблем бы не было

хмм) как это связано?)

это во первых. а во вторых, так я и так юзаю энзиме и джест

это во первых. а во вторых, так я и так юзаю энзиме и джест

значит ты не умеешь им тестить

"значит ты не умеешь" - не спорю, я только учусь.

"значит ты не умеешь" - не спорю, я только учусь.

тебе надо снапшот смотреть

а не как ты делаешь

Вероятно, ты говоришь правду. Я изучу вопрос, спасибо