Size: a a a

React — русскоговорящее сообщество

2021 March 16

ER

Enrique Rodrigues in React — русскоговорящее сообщество
looks ok
источник

DN

Danila Nikonets in React — русскоговорящее сообщество
DIEZ Artemov
Всем привет! Подскажите, как можно локализовать самописную ui либу которая подключается к проекту и ставится с приватного npm'а? Я пока пришел к тому что можно просто пробрасывать текст с переводом внутрь компонентов, но так можно локализовать далеко не все + это костыльно...
дописать либу?
источник

DA

DIEZ Artemov in React — русскоговорящее сообщество
Danila Nikonets
дописать либу?
ну а как ее дописать? Вот например есть у меня таблица, у нее внутри есть разные кнопки и тд, и если все туда пробрасывать то это ппц...может есть какие-то другие пути?
источник

V

Vlad in React — русскоговорящее сообщество
DIEZ Artemov
Всем привет! Подскажите, как можно локализовать самописную ui либу которая подключается к проекту и ставится с приватного npm'а? Я пока пришел к тому что можно просто пробрасывать текст с переводом внутрь компонентов, но так можно локализовать далеко не все + это костыльно...
сделать либу хедлес, не писать ничего в ней, а в место этого пробрасывать пропсы
источник

DN

Danila Nikonets in React — русскоговорящее сообщество
DIEZ Artemov
ну а как ее дописать? Вот например есть у меня таблица, у нее внутри есть разные кнопки и тд, и если все туда пробрасывать то это ппц...может есть какие-то другие пути?
можно не пробрасывать, а скопировать либу себе в реп и что нужно под себя переписать
источник

DA

DIEZ Artemov in React — русскоговорящее сообщество
Vlad
сделать либу хедлес, не писать ничего в ней, а в место этого пробрасывать пропсы
так сейчас и делаю, но прост столкнулся с моментом когда слишком много пропсов и реально не круто выглядит((
источник

L

Lewy in React — русскоговорящее сообщество
Тимофей 🛴
А ты ничего в зависимости useCallback не передал, мне кажется он вызывается всегда с initial значениями

Хотя ты вообще ничего не передал, там разве не обязательный второй параметр?
дело в математике, я думаю, что не так прописала что-то и результат не тот выходит, но не могу понять, как это исправить

https://codesandbox.io/s/smoosh-field-x2uwy?file=/src/App.js
источник

D4

Dec 4287259487828694... in React — русскоговорящее сообщество
Переслано от Dec 4287259487828694...
Ребят, подскажите. Правильная логика??. Есть api, в параметры можно передать sort=-price и sort=price.
Если кнопка не нажата, то соответственно не надо ничего передавать. Так же есть пагинатор. Основная проблема, что при нажатии на пагинатор, сортировка не сохранятеся, или меняется или еще что-то. Я запутался
const [priceSorted, setPriceSorted] = useState(false);
 const [nameSorted, setNameSorted] = useState(false);
 const [sortName, setSortName] = useState(false);
 const [sortPrice, setSortPrice] = useState(false);

 useEffect(() => {
   dispatch(
     getSubcategories({
       // другие параметры
       page: page,
       // по идее я здесь должен передавать
       priceSorted,
       nameSorted,
       sortName,
       sortPrice,
     })
   );
 }, [page]);

 // кнопка сортировки (по цене) в дочернем компоненте
 const handleChangeSortPrice = () => {
   setPage(1);
   // и вот по идее я должен тут же делать так???
   setPriceSorted(true);
   setNameSorted(false);
   setSortName((sortName) => !sortName);
   setSortPrice(false);
 };
// getSubcategories - тут собирается урл, запрос на сервак и в редакс кладет ответ

export const getSubcategories = (options) => {
 // ....
 let sort_param = `${
   options.priceSorted
     ? `&sort=${options.sortPrice == false ? "" : "-"}price`
     : options.nameSorted
     ? `&sort=${options.sortName == false ? "" : "-"}name`
     : ""
 }`;

 // ...
};
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Lewy
дело в математике, я думаю, что не так прописала что-то и результат не тот выходит, но не могу понять, как это исправить

https://codesandbox.io/s/smoosh-field-x2uwy?file=/src/App.js
Спроси лучше в @js_ru
И лучше конкретно алгоритм расчета, без реакта вообще
источник

L

Lewy in React — русскоговорящее сообщество
Тимофей 🛴
Спроси лучше в @js_ru
И лучше конкретно алгоритм расчета, без реакта вообще
спасибо!
источник

NS

Nikolay Smagin in React — русскоговорящее сообщество
Подскажите, как указать два интерфейса?
источник

NS

Nikolay Smagin in React — русскоговорящее сообщество
Или же так сделать нельзя?
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
Nikolay Smagin
Подскажите, как указать два интерфейса?
через & не пробовал?
источник

NS

Nikolay Smagin in React — русскоговорящее сообщество
Спасибо, разобрался)
источник

АТ

Алишер Тасанов... in React — русскоговорящее сообщество
Привет всем, вопрос возможно не относится к реакт(точно не уверен), в интернете не нашел нужный ответ.

у меня на странице есть <iframe src=""/> и в нем указан URL.
Этот url нормально все открывает и работает хорошо.

Но, я хочу открывать этот url через XMLHttpRequest. Отправляю GET запрос на url и получаю ошибку CORS policy.

В интернете все советуют настроить корполиси на стороне сервака, но URL куда я хочу достучаться не мой.
Почему когда открываю просто через браузер или через iframe все хорошо, а когда через XMLHttpRequest Cors policy решил запретить :/
источник

V

Vlad in React — русскоговорящее сообщество
Алишер Тасанов
Привет всем, вопрос возможно не относится к реакт(точно не уверен), в интернете не нашел нужный ответ.

у меня на странице есть <iframe src=""/> и в нем указан URL.
Этот url нормально все открывает и работает хорошо.

Но, я хочу открывать этот url через XMLHttpRequest. Отправляю GET запрос на url и получаю ошибку CORS policy.

В интернете все советуют настроить корполиси на стороне сервака, но URL куда я хочу достучаться не мой.
Почему когда открываю просто через браузер или через iframe все хорошо, а когда через XMLHttpRequest Cors policy решил запретить :/
Потому что секьюрити и сделано это намеренно
источник

ЮД

Юра Дяченко... in React — русскоговорящее сообщество
Привет ) У меня есть масив scopes . Мне нужно получать такой формат < scopes=...&scopes=... >  используя querystring. А я получаю вот такой < scopes[]=...&scopes[]=... >.
`export const googleAuthorize = (authentication_backend = "jwt") => dispatch => {

   const scopes = [
       "https://www.googleapis.com/auth/userinfo.profile",
       "https://www.googleapis.com/auth/userinfo.email",
   ]

   
   
   const params = {authentication_backend, scopes: qs.stringify(scopes)}

   const config = {headers: {"Content-Type": "application/json"}, params}
   const requestUrl = http://localhost:8000/auth/google/authorize

   axios.get(requestUrl, config)
       .then(function (response) {
           // dispatch({type: GOOGLE_AUTH_SUCCESS, payload: response.data})
           window.open(${response.data.authorization_url})
           console.log('GOOGLE_AUTH_SUCCESS', response.data);
       })
       .catch(function (error) {
           // dispatch({type: GOOGLE_AUTH_FAIL, payload: error})
           console.log('GOOGLE_AUTH_FAIL', error);
       });
}`
источник

V

Vlad in React — русскоговорящее сообщество
Алишер Тасанов
Привет всем, вопрос возможно не относится к реакт(точно не уверен), в интернете не нашел нужный ответ.

у меня на странице есть <iframe src=""/> и в нем указан URL.
Этот url нормально все открывает и работает хорошо.

Но, я хочу открывать этот url через XMLHttpRequest. Отправляю GET запрос на url и получаю ошибку CORS policy.

В интернете все советуют настроить корполиси на стороне сервака, но URL куда я хочу достучаться не мой.
Почему когда открываю просто через браузер или через iframe все хорошо, а когда через XMLHttpRequest Cors policy решил запретить :/
Можешь завести свой сервер который уже будет стучаться по нужным урлам
источник

B

Bauyrzhan in React — русскоговорящее сообщество
Ребята всем привет,можете помочь,есть select со списком продуктов,хотел узнать как дать ему value через другой обработчик?
источник

О

Орынбай in React — русскоговорящее сообщество
Bauyrzhan
Ребята всем привет,можете помочь,есть select со списком продуктов,хотел узнать как дать ему value через другой обработчик?
Можешь через map переделать
источник