how to filter in the dynamic zone in strapi using graphql?

Hi there,

The code snippet that you've shared does not seem to be correct, it includes a bunch of span tags. Can you re-share the code snippet that only contains your JS code?

@bobbyiliev Can you help me if you read the article again?

Hey!

Not 100% sure, but based on the information that you've provided, In Strapi, you'll need to use a nested filter with the elemMatch operator:

The elemMatch operator

You should be able to modify the GraphQL query like this:

query GetPosts($datelte: Date!, $dategte: Date!, $searchkey: String) {
  posts(filters: { effectiveDate: { lte: $datelte, gte: $dategte }, contentSections: { elemMatch: { __component: "elements.events", title_contains: $searchkey } } }) {
    data {
      attributes {
        effectiveDate
        contentSections {
          ... on ComponentElementsEvents {
            title
          }
        }
      }
    }
  }
}

Here's what has been added to the query:

• A new filter for the contentSections field: contentSections: { elemMatch: { __component: "elements.events", title_contains: $searchkey } }.
• The elemMatch operator is used to match components within the dynamic zone. We're specifying the component we want to filter by using the __component field with the value elements.events.
• The title_contains operator is used to filter the title field based on the $searchkey variable.

An alternative option would be to use the approach described here:

Adding Search on your Strapi website

Let me know how it goes!

Thank you for sharing your thoughts with me. I have also attempted to follow that approach, but unfortunately, it did not work as expected.

Indeed that seems to be a bit more complex than I initially thought. It might be best to start a discussion on the official Strapi forum instead where there will be more Strapi experts:

https://forum.strapi.io/