Как подключить интерфейс интерфейса gatsby для изменения параметров в плагинах gatsby-config, чтобы я мог отображать новые данные из плагинов, которые являются API-интерфейсами? - PullRequest
1 голос
/ 20 апреля 2019

Я использую плагин gatsby-source-twitter для рендеринга данных для конкретного пользователя по одному из моих маршрутов (user_tweets.js) в gatsby.Вот код для плагина:

gatsby-config.js

    {
    resolve: `gatsby-source-twitter`,
    options: {
        q: `from:@elonmusk`,
        credentials: {
            consumer_key: "xxx",
            consumer_secret: "xxx",
            bearer_token: "xxx"
        },
        tweet_mode: "extended",
        result_type: "latest"
      },
    },

Прямо сейчас, если я хочу отобразить твиты другого пользователя на моей странице твитов, я долженкаждый раз изменяйте запрос API вручную в gatsby-config.

Есть ли способ связать gatsby-config.js с моей страницей user_tweets, чтобы кто-то мог ввести собственный запрос, и новые данные будут отображаться из graphql наэта страница?

Вот как выглядит user_tweets.js, а Layout - это поле ввода, где я хочу ввести другой дескриптор твиттера и сделать его визуализированным.

user_tweets.js


import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"

export default ({ data }) => {
  return (
    <Layout>
      <div>
        <p>Users tweets:</p>
        <table>
          <tbody>
            {data.allTweet.edges.map(({ node }, index) => (
              <tr key={index}>
                <td>{node.full_text}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    </Layout>
  )
}

export const query = graphql`
  query {
    allTweet {
        edges {
            node {
                created_at
                full_text
                user {
                    name
                }
            }
        }
    }
  }
`

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...