how to wrap text in webstorm especially html attributes and arrays and objects Follow

Set Arrays: to Wrap always in Settings | Editor | Code Style | JavaScript | Wrapping and Braces:

const [todos, setTodos] = useState([
   {
      text: 'study thee words',
      key: '1'
   }, {
      text: 'build the todo app',
      key: '2'
   }, {
      text: 'go to the gym',
      key: '3'
   }
]);

done that and how to fix the objects? and also how to keep these settings like on for every project?

also thank you!

For me, the result of formatting is:

const [todos, setTodos] = useState([
  { text: 'study the words', key: '1' },
  { text: 'build the todo app', key: '2' },
  { text: 'go to the gym', key: '3' }
]);

>how to keep these settings like on for every project?

You can modify the default (IDE-wide) code style scheme instead of using the project-local one. see the docs