Допустим, у меня есть тип GraphQL Echo
, который повторяет все, что я запрашиваю, с некоторыми украшениями. С другой стороны, у меня есть компонент React, который ему передал echo message
с некоторыми украшениями, определяемыми типом Echo
. Как установить initialVariables
для компонента Echo
?
Я читал, что настройка реквизита устанавливает initialVariables
, однако это не работает. Пробовал componentDidMount
, тоже не работает.
Для контекста,
Это тип, который разрешается с помощью эха
// This component consumes `Echo` type
class Echo extends React.Component {
componentDidMount() {
let {relay, message} = this.props;
relay.setVariables({
message
});
}
render() {
let name = '';
if (this.props.echo) {
name = this.props.echo.name;
}
return (
<li>Message: {name}</li>
);
}
}
Echo = Relay.createContainer(Echo, {
// By default `message` is null
initialVariables: {
message: null
},
fragments: {
echo: () => Relay.QL`
fragment on Echo {
name(message: $message)
}
`,
},
});
Я признаю, что не очень много знаю о Relay, но свойство Echo
, переданное message
, кажется, затеняет его (или иным образом влияет на него). Я сделал следующие изменения:
let EchoType = new GraphQLObjectType({
name: 'Echo',
fields: () => ({
name: {
type: GraphQLString,
args: {
message: {
type: GraphQLString
}
},
resolve: (echo, {message}) => `Hello, ${message}!`
}
})
});