Я использую плагин 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
}
}
}
}
}
`