Как сгенерировать Routes в React?

alex4answ, Да, кастомизировал. Я в цикле проверяю каждый роут из массива Routers(см. ниже) в компоненте Router(см. ниже), если подходит для данного пользователя, то возвращаю Route(react-router), иначе null

const Routers = [
    {
        path: "/",
        permissions: ["admin"],
        layout: true,
        exact: true,
        component: Admin
    },
    {
        path: "/",
        permissions: ["manager"],
        layout: true,
        exact: true,
        component: Manager
    },
    {
        path: "/",
        permissions: ["iniciator", "investor"],
        layout: true,
        exact: true,
        component: Vnutreniy
    },
    {
        path: "/pages/:page",
        auth: true,
        layout: true,
        exact: true,
        component: ExamplePage
    },
    {
        path: "/login",
        noAuth: true,
        component: LogIn
    },
    {
        path: "/404",
        component: NotFound404
    },

<MainWrapper>
        <main>
            <BrowserRouter>
                <RouterContainer>
                    {Routers.map((router, key) => <Router key={key} {...router}/>)}
                </RouterContainer>
            </BrowserRouter>
        </main>
    </MainWrapper>

export const Router = (props) => {
    const {auth, noAuth, permissions, component, layout} = props
    //Авторизован, но адрес доступен неавторизованным
    if (auth && !isAuth()) return null
    //Не авторизован, но адрес доступен авторизованным
    if (noAuth && isAuth()) return null

    //Если указаны права
    if (permissions) {
        //Не авторизован
        if (!isAuth()) return null
        //Роль пользователя не присутствует в массиве
        if (permissions.length && !permissions.includes(getRole()))
            return null
    }

    //Если требуется Layout
    if (layout) return <Route {...props} component={() => WrapperComponent(component)}/>

    return <Route {...props}/>
}

Как сгенерировать Routes в React?

alex4answ, смог решить. Вместо Router из react-router поставил BrowserRouter из react-router-dom.
Проблема была в том, что у меня для одного адреса написаны несколько Route И в зависимости от того, кто вошел в систему, генерирую доступные для него роуты.

Как сгенерировать Routes в React?

alex4answ, параметры. auth - требуется авторизация. permissions - у какой роли есть доступ

Как сгенерировать Routes в React?

alex4answ, react-router-dom

SpeechKit API на JS?

DIMANVAZ, думаю, нет. Посмотри как работает на сайте чатналог.рф (запись + чтение)

Как правильно построить Rest Api?

Ерлан Ибраев,
Есть сущность задачи и сущность теги. А таблица отношений многие ко многим называется pivot, если я не ошибаюсь.

Как правильно построить Rest Api?

Понял.
Еще один вопрос: Для Pivot нужно создавать отдельный метод? Чтобы добавить теги к задаче, мне нужно отдельным методом отправить массив id тегов или отправить тот же массив методом для добавления задач?

Как написать код на bash?

pfg21, нужно найти подстроку SUB в $colorstr и если найдено, то выполнить действие. Я нашел как это делается.

Генетический алгоритм для размещения разногабаритных элементов на печатной плате?

Antonio Solo, Еще один вопрос. Я применяю мутацию, инверсию, сегрегацию и т.д. А проверять целевую функцию нужно после каждого метода или после выполнения всех методов?

Генетический алгоритм для размещения разногабаритных элементов на печатной плате?

Алгоритм зависит от последовательности размещения и от точки размещения очередного элемента. Для последовательности можно поступить так как вы сказали. Но на плате элемент можно разместить где угодно, пока я ищу локальный минимум и размещаю туда. А нельзя применить ГА к размещению тоже?

Генетический алгоритм для размещения разногабаритных элементов на печатной плате?

mayton2019, мне нужен именно генетический алгоритм

Расстановка элементов на плате. Как реализовать с помощью генетических алгоритмов?

roswell, Я хотел узнать как именно применить генетический алгоритм в этой задаче

Как организовать API для разных ролей?

Иван Шумов, Ещё один вопрос. Менеджер заходит на свою страницу и Админ тоже заходит на его страницу. Оба используют одни и те же api или они должны быть разными?

Как организовать API для разных ролей?

Иван Шумов, Менеджер заходит на страницу и по api отправляется token и ещё что-то. По токену узнаем id менеджера и по id отправляю ответ.

Для админа также.

Теперь нужно сделать так, чтобы админ зашёл на страницу менеджера не авторизовавшись от имени менеджера, и получил его данные из api, как будто это менеджер.

Как организовать API для разных ролей?

А как посмотреть кто зашёл на страницу и какую информацию он получит?

Как организовать API для разных ролей?

JhaoDa, я подумал что пользователь не нужен и убрал. Простите

Как Удалить один элемент из массива в Vuex?

Alex,
Передается index на Родительский элемент

removeQuestion() {
      this.$emit('removeQuestion', this.index)
    }

а там вызывается removeQuestion

<div class="row" v-for="(question, index) in questions" :key="index">
              <question v-model="questions[index]" :index="index" :questions="questions[index]"  @removeQuestion="removeQuestion"/>
            </div>

а там вызывается action

...mapActions('tests/newtest', [
          'removeQuestion'
      ]),

Как Удалить один элемент из массива в Vuex?

Вот кнопка удаления

<div class="input-group">
            <input type="text" v-model="question.question" class="form-control">
            <div class="input-group-addon"><a href="#" @click.prevent="removeQuestion">X</a></div>
          </div>

Вот action

removeQuestion ({ commit }, index) {
    commit('removeQuestion',index)
  }

вот mutation

removeQuestion(state,index) {
        state.test.questions.splice(index, 1);
    }

index правильно передается
Из state все правильно удаляется. Но на странице удаляется последний элемент.

нажимаю на 1 или 2-> удаляется всегда 3, нажимаю на 3 удаляется 3.(это на странице так отображается)

Как Удалить один элемент из массива в Vuex?

Alex, в массиве находятся элементы 1,2,3.
Нажимаю удалить 2->Удаляет из хранилища 2(правильно работает)->но на странице удаляется 3 элемент.

Как Удалить один элемент из массива в Vuex?

Alex,
Вот так?

let questions = state.test.questions
        questions.splice(index, 1)

Тогда тоже проблема не решается